:root{--navy:#102a46;--blue:#1769dd;--ink:#19324d;--muted:#8290a3;--line:#e9edf3;--bg:#f3f6fa;--green:#18a782;--red:#e36565;--orange:#db9534;--shadow:0 4px 20px #18365706;--radius:12px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--blue);text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #74adfb;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #1769dd3b;border-color:var(--blue)}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);z-index:40;display:flex;flex-direction:column;padding:30px 16px 18px}.brand{display:flex;align-items:center;gap:10px;padding:0 12px 28px}.brandmark{background:var(--blue);color:#fff;display:grid;place-items:center;border-radius:10px;width:42px;height:42px}.brandmark svg{width:29px;height:29px}.brand b{font-size:27px;font-style:italic;letter-spacing:-1px;line-height:1}.brand small{display:block;color:#8995a6;font-size:10px;letter-spacing:1.3px;margin-top:5px}.navscroll{overflow-y:auto;flex:1;scrollbar-width:thin}.navlabel{font-size:10px;letter-spacing:1.7px;color:#9aa5b4;margin:21px 16px 11px}.navitem{width:100%;display:flex;align-items:center;gap:13px;padding:12px 16px;border-radius:8px;background:none;color:#738196;text-align:left;margin:3px 0}.navitem:hover{background:#f5f8fc;color:var(--blue)}.navitem.active{color:var(--blue);background:#eaf2ff;font-weight:600}.navitem.active:before{content:"";position:absolute;left:0;height:25px;background:var(--blue);width:3px;border-radius:3px}.navitem .count{margin-left:auto;font-size:10px;background:#ffede8;color:#d87b56;padding:2px 6px;border-radius:5px}.sidebarfoot{margin:20px 10px 0;background:#f5f8fc;border:1px solid var(--line);padding:14px;border-radius:9px}.sidebarfoot b{font-size:12px;display:block;margin-bottom:7px}.sidebarfoot small{color:#8896a7;line-height:1.7}.sidebarfoot .dot{background:var(--orange)}.workspace{margin-left:238px;min-height:100vh}.topbar{height:83px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbrand{font-size:16px;font-weight:600}.topbrand span{display:block;font-size:10px;font-weight:400;letter-spacing:1.7px;color:#a2adbb;margin-top:5px}.topright{display:flex;align-items:center;gap:20px}.rolecontrol{display:flex;align-items:center;gap:10px;color:#98a2b2;font-size:11px}.rolecontrol select{border:1px solid var(--line);border-radius:7px;color:#4f627b;background:#f8faff;padding:8px 26px 8px 10px;font-size:12px}.topicon{position:relative;background:transparent;color:#7f8ca0;padding:8px}.notify{position:absolute;right:7px;top:7px;width:5px;height:5px;background:#e67e68;border-radius:50%}.avatar{width:35px;height:35px;background:#edf3ff;color:#346eac;border-radius:50%;display:grid;place-items:center;font-size:12px}.profile{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:20px}.profile b{font-size:12px}.profile small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.menu-toggle{display:none;background:none;color:var(--ink)}main{max-width:1800px;margin:auto;padding:30px 36px 36px}footer{max-width:1800px;margin:auto;padding:16px 36px 25px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#a1adbb}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.pagehead h1{font-size:23px;margin:0 0 9px;font-weight:650;letter-spacing:.5px}.pagehead p{margin:0;color:#8c9aac;font-size:12px}.actions{display:flex;align-items:center;gap:9px}.btn{padding:10px 15px;border-radius:7px;background:#fff;border:1px solid #dfe6ee;color:#61718a;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;white-space:nowrap}.btn svg{width:15px;height:15px}.btn:hover{background:#f5f8ff}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 3px 7px #1769dd18}.btn.primary:hover{background:#115bbe}.btn.danger{color:#d96565}.btn.small{font-size:11px;padding:7px 10px}.textbtn{color:var(--blue);background:transparent;padding:4px;font-size:11px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.hero{position:relative;overflow:hidden;min-height:222px;display:flex;align-items:center;background:linear-gradient(110deg,#123d70,#0a2d52);border-radius:var(--radius);color:white;margin-bottom:24px}.herocopy{padding:32px;position:relative;z-index:1;max-width:57%}.eyebrow{font-size:10px;color:#82b3e6;letter-spacing:2px;margin-bottom:13px}.hero h2{font-size:27px;margin:0 0 12px;font-weight:550;letter-spacing:1px}.hero p{font-size:12px;color:#a8c5e3;line-height:1.9;margin:0 0 21px}.herotags{display:flex;gap:20px;font-size:11px;color:#b7d1ed}.herotags svg{width:14px;height:14px;margin-right:5px;color:#6fb1f3}.heroart{position:absolute;right:0;bottom:0;width:48%;height:100%;stroke:none}.herolabel{position:absolute;right:22px;top:20px;padding:6px 11px;border:1px solid #a1c6ed30;border-radius:30px;color:#91b9dc;font-size:9px;letter-spacing:1px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px 23px 18px;box-shadow:var(--shadow);position:relative}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#8290a4;font-size:12px}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#edf4ff;color:var(--blue)}.stat-icon.green{background:#e9f8f2;color:#23a581}.stat-icon.orange{background:#fff5e7;color:#dba049}.stat-icon.purple{background:#f1edfc;color:#8b78c1}.stat-value{font-size:29px;letter-spacing:.2px;font-weight:600;margin:12px 0}.stat-value span{font-size:11px;color:#9aa7b6;font-weight:400;margin-left:6px}.stat-bottom{border-top:1px solid #f0f3f7;padding-top:11px;color:#a0aabb;font-size:10px}.stat-bottom b{color:var(--green);font-weight:500;margin-right:7px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px;overflow:hidden}.cardhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 23px 17px}.cardhead h2{font-size:14px;margin:0;font-weight:600}.cardhead .sub{color:#98a4b5;font-size:10px;margin-left:7px;font-weight:400}.cardhead a,.cardhead button{font-size:11px;color:#8a9aaf}.quickgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 23px 23px}.quick{background:#f7faff;padding:19px 5px;border-radius:9px;text-align:center;color:#60748e;font-size:11px;transition:.15s}.quick:hover{background:#edf4ff;transform:translateY(-2px)}.quick svg{display:block;margin:0 auto 10px;color:#4c81c5;width:23px;height:23px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap;text-align:left}th{font-weight:400;background:#f8fafd;color:#95a2b5;padding:12px 20px;border-bottom:1px solid var(--line)}td{padding:17px 20px;border-bottom:1px solid #eff2f6;color:#63758c}td strong{color:#344e6a;font-weight:500}td small{display:block;font-size:9px;color:#a0adbd;margin-top:5px}tr:last-child td{border-bottom:0}.pill{padding:4px 9px;border-radius:4px;background:#eaf3ff;color:#4385c9;font-size:10px;display:inline-block}.pill.green{background:#e9f7f1;color:#40a187}.pill.orange{background:#fff3df;color:#cd974e}.pill.red{background:#fff0ee;color:#d87665}.pill.gray{background:#f0f3f7;color:#8d9aad}.pill.purple{background:#f3edfb;color:#a286be}.tablefoot{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;color:#a2adbb;font-size:10px;border-top:1px solid var(--line)}.pages{display:flex;gap:7px;align-items:center}.pages button{width:25px;height:25px;background:#fff;color:#92a0b2;border:1px solid #e8edf4;border-radius:4px}.pages button.active{background:var(--blue);color:white;border-color:var(--blue)}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:0 23px}.tab{padding:0 0 13px;background:transparent;color:#9aa5b5;font-size:11px;border-bottom:2px solid transparent}.tab.active{color:var(--blue);border-color:var(--blue)}.tab span{font-size:9px;margin-left:5px}.reminders{padding:0 22px 6px}.reminder{padding:15px 0;display:flex;gap:11px;border-bottom:1px solid #eff2f6}.reminder:last-child{border:0}.remicon{width:32px;height:32px;border-radius:8px;background:#fff4e4;color:#d99d44;display:grid;place-items:center;flex-shrink:0}.remicon.red{background:#fff0ee;color:#dc8978}.remicon.blue{background:#edf4ff;color:#678ecd}.remicon svg{width:16px;height:16px}.reminder h3{font-size:11px;font-weight:500;margin:0 0 7px}.reminder p{font-size:10px;color:#a3aebb;margin:0;line-height:1.8}.reminder time{margin-left:auto;color:#d99d44;font-size:10px;white-space:nowrap}.progress{height:5px;border-radius:5px;background:#edf2f7;overflow:hidden;margin-top:9px}.progress i{display:block;height:100%;border-radius:5px;background:#5896e7}.meter-row{padding:8px 23px 19px}.meter-row header{display:flex;justify-content:space-between;font-size:11px;color:#8d9db1}.meter-row b{color:#5e7492;font-weight:500}.meter-row .progress{margin-top:11px}.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 23px 23px}.service{border:1px solid var(--line);border-radius:8px;padding:19px;display:flex;align-items:center;gap:13px}.service .serviceicon{width:36px;height:36px;border-radius:9px;color:#77a0ce;background:#f1f7ff;display:grid;place-items:center}.service b{font-size:11px;font-weight:500}.service small{display:block;font-size:9px;color:#a4b0bf;margin-top:7px}.chartarea{height:200px;display:flex;gap:10px;align-items:flex-end;padding:15px 25px 25px;position:relative;background:repeating-linear-gradient(to top,transparent,transparent 39px,#f2f5f9 40px,#f2f5f9 41px)}.barcol{flex:1;display:flex;height:100%;align-items:center;justify-content:flex-end;flex-direction:column;position:relative;gap:6px}.barcol .bars{height:100%;display:flex;align-items:flex-end;gap:5px;width:60%;justify-content:center}.barcol i{width:14px;background:#3c87e4;border-radius:3px 3px 0 0;min-height:5px}.barcol i.alt{background:#d9e9fb}.barcol span{font-size:9px;color:#a0adbb}.legend{display:flex;gap:14px;color:#98a4b4;font-size:9px}.legend i{display:inline-block;width:6px;height:6px;background:#3c87e4;border-radius:2px;margin-right:5px}.legend i.alt{background:#d9e9fb}.filters{display:flex;gap:10px;align-items:center;padding:0 23px 21px;flex-wrap:wrap}.searchbox{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:6px;gap:8px;padding:0 11px;min-width:230px;background:#fff}.searchbox svg{width:15px;color:#a0adbb}.searchbox input{border:0;padding:10px 0;outline:0!important;background:none;min-width:0;flex:1;font-size:11px;color:var(--ink)}.filters select{border:1px solid #e2e8f0;border-radius:6px;background:white;font-size:11px;padding:10px 13px;color:#7c8ea6}.filters .result{margin-left:auto;font-size:10px;color:#9aa6b6}.notice{padding:14px 19px;border:1px solid #dceafb;background:#eef6ff;color:#5f87af;border-radius:9px;margin-bottom:22px;font-size:11px;line-height:1.8;display:flex;gap:10px;align-items:center}.notice svg{width:16px}.notice.warn{background:#fff9ec;border-color:#f3e5c8;color:#bc9657}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.vessel{padding:22px}.vessel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vessel-logo{width:46px;height:46px;background:#edf4fd;border-radius:10px;display:grid;place-items:center;color:#4384c9}.vessel h2{font-size:17px;margin:0 0 8px}.vessel p{font-size:11px;color:#a0aaba;margin:0 0 20px}.fieldlist{display:grid;grid-template-columns:1fr 1fr;gap:19px 14px}.fieldlist dt{font-size:10px;color:#a0adbc;margin-bottom:7px}.fieldlist dd{font-size:11px;margin:0;color:#576f89}.vessel-foot{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;display:flex;justify-content:space-between;font-size:10px;color:#99a6b7}.vessel-foot .textbtn{padding:0}.product{overflow:hidden}.productart{height:170px;background:linear-gradient(145deg,#f3f7fd,#edf2f7);display:grid;place-items:center;position:relative}.productart svg{height:128px;width:170px;stroke:none}.productcode{position:absolute;left:18px;top:17px;font-size:9px;color:#a3b0bf;letter-spacing:1px}.productinfo{padding:20px}.productinfo h2{font-size:14px;margin:0 0 7px}.productinfo p{font-size:11px;color:#96a4b6;margin:0 0 17px}.productinfo .price{font-size:21px;color:var(--blue);font-weight:600}.productinfo .price small{font-size:10px;color:#a0acbb;font-weight:400}.productbottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:10px;color:#98a4b5}.toolbar{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 14px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#8999af;font-size:11px}.chip.active{background:#e8f1ff;border-color:#d5e5fb;color:var(--blue)}.flow{display:flex;align-items:center;justify-content:space-between;padding:22px 27px;background:#f8fafd;border-radius:9px;margin-bottom:22px}.flowstep{display:flex;gap:10px;align-items:center;color:#9aa7b7;font-size:11px}.flowstep b{width:26px;height:26px;border-radius:50%;background:#eaf0f8;display:grid;place-items:center;font-size:11px}.flowstep.done{color:#3582d1}.flowstep.done b{background:#e1efff}.flowline{height:1px;background:#e1e8f1;flex:1;margin:0 20px}.detailbody{padding:23px}.detailsection{font-size:13px;margin:8px 0 20px}.detailbody .fieldlist{grid-template-columns:repeat(4,1fr);padding:0 0 24px}.timeline{padding:0 10px 0 17px}.timeline-item{position:relative;border-left:1px solid #e4eaf2;padding:0 0 24px 25px}.timeline-item:before{content:"";width:7px;height:7px;background:#619ade;border:4px solid #eaf3ff;position:absolute;top:0;left:-8px;border-radius:50%}.timeline-item h4{font-size:11px;font-weight:500;margin:0 0 8px}.timeline-item p{font-size:10px;color:#9ba9ba;line-height:1.8;margin:0}.timeline-item small{font-size:9px;color:#acb7c4}.timeline-item:last-child{border:0;padding-bottom:0}.reportrow{padding:21px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px}.pdficon{width:43px;height:49px;background:#fff0ee;color:#d59085;border:1px solid #f4e4e1;border-radius:5px;display:grid;place-items:center;font-size:10px;font-weight:600}.reportrow h3{font-size:12px;font-weight:500;margin:0 0 8px}.reportrow p{font-size:10px;color:#9cabbc;margin:0}.reportrow .btn{margin-left:auto}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formfield{display:flex;flex-direction:column;gap:9px;color:#687e97;font-size:11px}.formfield.full{grid-column:1/-1}.formfield input,.formfield select,.formfield textarea{border:1px solid #dfe6ef;background:#fff;border-radius:6px;padding:11px;color:var(--ink);width:100%;font-size:12px}.formfield textarea{resize:vertical;min-height:90px}.formfield input[type=file]{font-size:10px;background:#f8fafd}.formfield em{font-style:normal;color:#d67664}.formnote{font-size:10px;color:#99a7b8;line-height:1.8;margin:16px 0 0}.formactions{display:flex;justify-content:flex-end;gap:10px;padding-top:24px;border-top:1px solid var(--line);margin-top:24px}.empty{padding:50px;text-align:center;font-size:12px;color:#9aabbe}.integration{padding:22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.integration h3{font-size:12px;font-weight:500;margin:0 0 8px}.integration p{font-size:10px;color:#9ba9bb;margin:0}.toggle{width:34px;height:19px;background:#bed4f0;border-radius:12px;position:relative;display:inline-block}.toggle:after{content:"";width:13px;height:13px;border-radius:50%;background:#fff;position:absolute;right:3px;top:3px}.toggle.off{background:#d9e0e9}.toggle.off:after{right:auto;left:3px}.notification{padding:20px 23px;border-bottom:1px solid var(--line);display:flex;gap:15px;align-items:center}.notification h3{font-size:12px;font-weight:500;margin:0 0 8px}.notification p{font-size:11px;color:#98a7ba;margin:0;line-height:1.8}.notification time{margin-left:auto;font-size:10px;color:#a8b3c2;white-space:nowrap}dialog{border:0;border-radius:14px;padding:0;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 48px);box-shadow:0 20px 100px #142e5940;color:var(--ink)}dialog::backdrop{background:#17335365;backdrop-filter:blur(2px)}.modalhead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:21px 25px}.modalhead h2{font-size:16px;margin:0}.close{background:none;color:#8c9eb4;font-size:22px;line-height:1}.modalbody{padding:25px}.toast{position:fixed;bottom:35px;left:calc(50% + 100px);transform:translateX(-50%) translateY(20px);background:#193e63;color:#fff;padding:13px 23px;z-index:100;border-radius:9px;font-size:12px;opacity:0;transition:.2s;pointer-events:none;box-shadow:0 4px 20px #193e6320;max-width:90vw;line-height:1.6}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.reportpaper{padding:30px;background:white;color:#253b50}.reportpaper h2{text-align:center;font-size:19px;line-height:1.7;margin:15px 0 8px}.reportpaper h2 small{display:block;font-size:12px;font-weight:500}.reportpaper .paperbrand{display:flex;justify-content:space-between;border-bottom:2px solid #253b50;padding-bottom:15px;font-size:10px}.reportpaper table{white-space:normal;border:1px solid #b7c3d2;margin:22px 0}.reportpaper td,.reportpaper th{border:1px solid #b7c3d2;padding:10px;background:white;color:#42566c;font-size:10px}.reportpaper p{font-size:10px;line-height:1.8}.watermark{text-align:center;padding:10px;color:#c18368;background:#fff5eb;border:1px dashed #d5aa82;font-size:11px}.login-hero{padding:32px;background:linear-gradient(120deg,#174c80,#12334f);border-radius:10px;color:#fff;margin-bottom:22px}.login-hero h2{font-size:23px;font-weight:500;margin:0 0 12px}.login-hero p{color:#a3c0dd;font-size:12px;line-height:1.8;max-width:700px}.cartline{display:flex;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.cartline input{width:60px;border:1px solid var(--line);padding:7px;border-radius:5px}.cartline .cartprice{margin-left:auto;color:var(--blue)}.carttotal{display:flex;justify-content:space-between;padding-top:22px;font-size:14px}.carttotal b{color:var(--blue)}.mobile-shade{display:none}.mt{margin-top:22px}.nowrap{white-space:nowrap}.photo-placeholder{background:#f0f5fa;border:1px dashed #d5dfe9;border-radius:8px;padding:20px;display:flex;align-items:center;gap:12px;color:#8aa1b9;font-size:11px}.hidden{display:none!important}
@media(min-width:1550px){.layout{grid-template-columns:minmax(0,1fr) 340px}.hero{min-height:252px}.hero h2{font-size:32px}.herocopy{padding:39px}.stat{padding:26px}.cardhead{padding-top:25px}.sidebar{width:250px}.workspace{margin-left:250px}}
@media(max-width:1200px){.sidebar{width:205px;padding-left:10px;padding-right:10px}.workspace{margin-left:205px}main{padding:25px}.topbar{padding:0 25px}.layout{grid-template-columns:minmax(0,1fr) 275px;gap:18px}.stats{gap:12px}.stat{padding:18px}.stat-value{font-size:25px}.grid3{grid-template-columns:repeat(2,1fr)}.service{padding:14px;gap:8px}.herocopy{max-width:64%}.heroart{opacity:.7}.topbrand{font-size:14px}.rolecontrol>span{display:none}.profile{padding-left:12px}.topright{gap:10px}}
@media(max-width:1000px){.layout{grid-template-columns:1fr}.asidecards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stats{grid-template-columns:repeat(2,1fr)}.hero h2{font-size:24px}.profile b,.profile small{display:none}.servicegrid{gap:10px}.grid2{grid-template-columns:1fr}.detailbody .fieldlist{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:235px}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vw #18355366}.workspace{margin-left:0}.topbar{height:70px;padding:0 18px;gap:9px}.menu-toggle{display:block}.topbrand{font-size:12px;margin-right:auto}.topbrand span{font-size:8px;letter-spacing:1px}.topright{gap:7px}.rolecontrol select{font-size:10px;max-width:111px;padding:7px}.profile{display:none}.topicon{padding:5px}main{padding:22px 16px}.pagehead{align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:19px}.pagehead h1{font-size:21px}.pagehead p{font-size:11px;line-height:1.7}.pagehead .actions{margin-left:auto}.hero{min-height:220px}.herocopy{padding:25px 22px;max-width:90%}.hero h2{font-size:24px}.heroart{width:65%;opacity:.22}.hero p{font-size:11px;max-width:310px}.herotags{gap:12px;font-size:9px}.herolabel{display:none}.stat{padding:17px}.stat-top{font-size:11px}.stat-icon{height:28px;width:28px;border-radius:7px}.stat-icon svg{width:16px}.stat-value{font-size:24px}.stat-bottom{font-size:9px}.stats{gap:10px;margin-bottom:18px}.card{margin-bottom:18px}.cardhead{padding:18px}.quickgrid{gap:9px;padding:0 16px 18px}.quick{font-size:10px;padding:16px 0}.cardhead h2{font-size:13px}.tabs{padding:0 18px;gap:18px}.grid3{grid-template-columns:1fr}.servicegrid{grid-template-columns:1fr;padding:0 18px 18px}.service{padding:15px}.service small{display:inline;margin-left:8px}.asidecards{grid-template-columns:1fr;gap:0}th,td{padding-left:15px;padding-right:15px}.filters{padding:0 18px 18px;gap:8px}.searchbox{flex:1;min-width:180px}.filters .result{display:none}.toolbar{flex-wrap:wrap}.formgrid{grid-template-columns:1fr}.formfield.full{grid-column:auto}.flow{padding:16px 12px;gap:5px}.flowstep{gap:5px;font-size:9px;flex-direction:column}.flowline{margin:0 5px}.detailbody{padding:18px}.detailbody .fieldlist{gap:16px}.reportrow{padding:17px;gap:10px}.reportrow h3{font-size:11px}.reportrow .btn{font-size:10px;padding:8px}.reportrow p{font-size:9px}.reportpaper{padding:12px}.toast{left:50%;font-size:11px}.btn{padding:9px 12px;font-size:11px}footer{padding:10px 17px 22px;font-size:9px;flex-direction:column;gap:7px}.modalbody{padding:20px}.notification time{display:none}.pagehead .actions svg{width:13px}.topright .topicon:last-of-type{display:none}}
@media print{body{background:#fff}.sidebar,.workspace,.toast,.modalhead,.printcontrols{display:none!important}dialog{position:static!important;max-height:none!important;width:100%!important;height:auto!important;box-shadow:none;border:0;padding:0;display:block!important}dialog::backdrop{display:none}.modalbody{padding:0}.reportpaper{padding:10mm}.watermark{color:#986a50}.reportpaper table{break-inside:avoid}}
.rich-toolbar{display:flex;flex-wrap:wrap;gap:5px;border:1px solid #dfe6ef;border-bottom:0;border-radius:7px 7px 0 0;padding:10px;background:#f8fafd}.rich-toolbar button,.rich-toolbar select{background:#fff;border:1px solid #e1e7ee;color:#68809a;border-radius:4px;font-size:10px;padding:6px 7px}.rich-toolbar label{display:flex;align-items:center;font-size:10px;gap:5px}.rich-toolbar input[type=color]{width:26px;height:26px;padding:2px;border:0}.rich-editor{border:1px solid #dfe6ef;border-radius:0 0 7px 7px;min-height:210px;padding:17px;background:#fff;color:#405c78;line-height:1.9;font-size:13px;overflow:auto;max-height:430px}.rich-editor img{max-width:100%}.rich-preview{font-size:14px;line-height:1.9;color:#526c87;overflow-wrap:anywhere}.rich-preview h2{font-size:21px}.rich-preview h3{font-size:17px}.rich-preview img{max-width:100%}.image-preview{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.image-preview>div{width:125px;border:1px solid #e4eaf1;border-radius:6px;overflow:hidden}.image-preview img{width:125px;height:95px;object-fit:cover;display:block;max-width:100%}.image-preview span{display:flex;justify-content:space-around;padding:7px;background:#f7fafd}.image-preview button{font-size:9px;color:#5184bc;background:transparent}.attachment-item{display:flex;align-items:center;gap:9px;margin-top:12px;background:#f7fafd;padding:10px;border-radius:6px;font-size:11px;color:#788ea8}.attachment-item img{width:44px;height:36px;object-fit:cover}.attachment-item span{flex:1;overflow-wrap:anywhere}.attachment-item svg{color:#8facc8}.rich-editor:focus{outline:2px solid #1769dd22;border-color:#86b0df}.rich-toolbar button:hover{color:#1769dd;background:#edf4ff}