:root{--navy:#082f49;--blue:#0369a1;--cyan:#0ea5e9;--pale:#f0f9ff;--ink:#14212b;--muted:#64748b;--line:#dbe5ec;--ok:#15803d;--warn:#b45309;--bad:#b91c1c;--white:#fff;--shadow:0 18px 50px rgba(8,47,73,.12)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f7fafc}a{color:var(--blue)}button,input,select,textarea{font:inherit}.shell{max-width:1180px;margin:auto;padding:0 22px}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:20}.topbar .shell{width:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--navy);font-weight:800;letter-spacing:.04em}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--navy),var(--cyan));display:grid;place-items:center;color:#fff;font-size:18px}.muted{color:var(--muted)}.hero{padding:74px 0 62px;background:radial-gradient(circle at 80% 0,#bae6fd 0,transparent 38%),linear-gradient(155deg,#f8fdff,#eaf7fc)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:54px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--blue);text-transform:uppercase}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.02;color:var(--navy);margin:14px 0 18px;letter-spacing:-.04em}.hero p{font-size:18px;line-height:1.7;color:#365363}.hero-card,.card{background:#fff;border:1px solid rgba(219,229,236,.9);border-radius:20px;box-shadow:var(--shadow)}.hero-card{padding:26px}.flow-step{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.flow-step:last-child{border:0}.step-no{width:30px;height:30px;border-radius:50%;background:var(--pale);color:var(--blue);font-weight:800;display:grid;place-items:center;flex:none}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{border:0;border-radius:10px;padding:11px 18px;background:var(--blue);color:#fff;cursor:pointer;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{filter:brightness(.95)}.btn.secondary{background:#fff;color:var(--blue);border:1px solid #a9d7ee}.btn.danger{background:var(--bad)}.btn.small{padding:7px 10px;font-size:13px}.section{padding:54px 0}.section h2{color:var(--navy);font-size:30px;margin:0 0 10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.feature{padding:23px}.feature b{color:var(--navy);display:block;margin-bottom:9px}.apply-layout{max-width:820px;margin:34px auto}.card-head{padding:26px 28px;border-bottom:1px solid var(--line)}.card-body{padding:26px 28px}.card h1,.card h2{color:var(--navy);margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:750;color:#355367}.field input,.field select,.field textarea{border:1px solid #cbd9e2;border-radius:10px;background:#fff;padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #e0f2fe}.material-list{display:grid;gap:10px}.material{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;gap:12px;align-items:flex-start;background:#fff}.material input{margin-top:3px}.status{font-size:12px;border-radius:999px;padding:3px 8px;font-weight:700;display:inline-block}.status.sent,.status.accepted,.status.active,.status.approved{background:#dcfce7;color:var(--ok)}.status.simulated{background:#e0f2fe;color:#0369a1}.status.pending_approval,.status.sending,.status.pending{background:#ffedd5;color:var(--warn)}.status.rejected,.status.failed,.status.send_failed{background:#fee2e2;color:var(--bad)}.notice{padding:14px;border-radius:10px;background:var(--pale);color:#155e75;margin:14px 0}.notice.error{background:#fef2f2;color:var(--bad)}.hidden{display:none!important}
.internal{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 68px)}.sidebar{background:var(--navy);color:#dbeafe;padding:24px 14px}.sidebar button{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:11px 13px;border-radius:9px;cursor:pointer;margin-bottom:4px}.sidebar button:hover,.sidebar button.active{background:rgba(255,255,255,.12);color:#fff}.content{padding:26px;min-width:0}.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.page-title h1{color:var(--navy);margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.metric span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.metric strong{font-size:29px;color:var(--navy);display:block;margin-top:5px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.data-table th{color:#496577;background:#f8fafc;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.data-table tr:hover td{background:#fbfdfe}.drawer{position:fixed;inset:0;background:rgba(8,47,73,.32);z-index:40;display:flex;justify-content:flex-end}.drawer-panel{width:min(720px,100%);height:100%;overflow:auto;background:#fff;padding:25px;box-shadow:-20px 0 50px rgba(8,47,73,.18)}.drawer-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.icon-btn{border:0;background:#edf5f8;border-radius:50%;width:34px;height:34px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.detail{padding:12px;background:#f7fafc;border-radius:10px}.detail small{display:block;color:var(--muted);margin-bottom:4px}.login{max-width:430px;margin:70px auto;padding:28px}.footer{padding:28px 0;color:var(--muted);font-size:13px;border-top:1px solid var(--line);background:#fff}.upload-panel{padding:22px;margin-bottom:20px}.upload-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.upload-heading h2{margin-bottom:5px}.upload-heading p{margin-top:0}.upload-queue{display:grid;gap:8px}.upload-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;background:#f7fafc;border:1px solid var(--line);border-radius:10px}.upload-item span:first-child{display:grid;gap:3px}.upload-item small{color:var(--muted)}.upload-state{font-size:12px;font-weight:750;color:var(--muted);max-width:260px;text-align:right}.upload-state.uploading{color:var(--blue)}.upload-state.uploaded{color:var(--ok)}.upload-state.failed{color:var(--bad)}.library-tools{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.library-tools input,.library-tools select{border:1px solid #cbd9e2;border-radius:10px;background:#fff;padding:10px 12px}.library-tools input{min-width:300px}.row-actions{display:flex;gap:6px}.drawer-title h2{margin:12px 0 4px;color:var(--navy)}.drawer-section{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.drawer-section h3{color:var(--navy)}.version-list{display:grid;gap:9px}.version-item{display:flex;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:11px;padding:12px}.version-meta{text-align:right;color:var(--muted);font-size:12px}.danger-zone{background:#fff7f7;border:1px solid #fecaca;border-radius:12px;padding:16px}.status.deleted,.status.inactive{background:#e5e7eb;color:#4b5563}
.internal{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 68px)}.sidebar{background:var(--navy);color:#dbeafe;padding:24px 14px}.sidebar button{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:11px 13px;border-radius:9px;cursor:pointer;margin-bottom:4px}.sidebar button:hover,.sidebar button.active{background:rgba(255,255,255,.12);color:#fff}.content{padding:26px;min-width:0}.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.page-title h1{color:var(--navy);margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.metric span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.metric strong{font-size:29px;color:var(--navy);display:block;margin-top:5px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.data-table th{color:#496577;background:#f8fafc;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.data-table tr:hover td{background:#fbfdfe}.drawer{position:fixed;inset:0;background:rgba(8,47,73,.32);z-index:40;display:flex;justify-content:flex-end}.drawer-panel{width:min(720px,100%);height:100%;overflow:auto;background:#fff;padding:25px;box-shadow:-20px 0 50px rgba(8,47,73,.18)}.drawer-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.icon-btn{border:0;background:#edf5f8;border-radius:50%;width:34px;height:34px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.detail{padding:12px;background:#f7fafc;border-radius:10px}.detail small{display:block;color:var(--muted);margin-bottom:4px}.login{max-width:430px;margin:70px auto;padding:28px}.footer{padding:28px 0;color:var(--muted);font-size:13px;border-top:1px solid var(--line);background:#fff}.upload-panel{padding:22px;margin-bottom:20px}.upload-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.upload-heading h2{margin-bottom:5px}.upload-heading p{margin-top:0}.upload-queue{display:grid;gap:8px}.upload-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;background:#f7fafc;border:1px solid var(--line);border-radius:10px}.upload-item span:first-child{display:grid;gap:3px}.upload-item small{color:var(--muted)}.upload-state{font-size:12px;font-weight:750;color:var(--muted);max-width:260px;text-align:right}.upload-state.uploading{color:var(--blue)}.upload-state.uploaded{color:var(--ok)}.upload-state.failed{color:var(--bad)}.library-tools{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.library-tools input,.library-tools select{border:1px solid #cbd9e2;border-radius:10px;background:#fff;padding:10px 12px}.library-tools input{min-width:300px}.row-actions{display:flex;gap:6px}.drawer-title h2{margin:12px 0 4px;color:var(--navy)}.drawer-section{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.drawer-section h3{color:var(--navy)}.version-list{display:grid;gap:9px}.version-item{display:flex;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:11px;padding:12px}.version-meta{text-align:right;color:var(--muted);font-size:12px}.danger-zone{background:#fff7f7;border:1px solid #fecaca;border-radius:12px;padding:16px}.status.deleted,.status.inactive{background:#e5e7eb;color:#4b5563}.status.handover{background:#fef3c7;color:#92400e}.sales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.sales-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:17px;text-align:left;display:flex;align-items:flex-start;gap:14px;cursor:pointer;color:var(--ink)}.sales-card:hover{border-color:#7dd3fc;box-shadow:var(--shadow)}.sales-card-main{display:grid;gap:4px;min-width:0;flex:1}.sales-card-main b{color:var(--navy);font-size:16px}.sales-card-main small{color:var(--muted)}.sales-card-main span{overflow:hidden;text-overflow:ellipsis}.sales-avatar{width:48px;height:48px;flex:none;border-radius:50%;background:linear-gradient(145deg,var(--navy),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:800;overflow:hidden}.sales-avatar.large{width:74px;height:74px;font-size:24px}.sales-avatar img{width:100%;height:100%;object-fit:cover}.sales-profile-head{display:flex;align-items:center;gap:16px;margin:10px 0 24px}.sales-profile-head h2,.sales-profile-head p{margin:3px 0}.profile-fields{border:0;padding:0;margin:0}.profile-fields:disabled{opacity:.8}
.language-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.language-control select{border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:#fff;color:var(--navy)}
.sidebar a{display:block;width:100%;background:transparent;color:inherit;text-align:left;padding:11px 13px;border-radius:9px;cursor:pointer;margin-bottom:4px;text-decoration:none}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.12);color:#fff}@media(max-width:850px){.hero-grid,.feature-grid{grid-template-columns:1fr}.internal{display:block}.sidebar{display:flex;overflow:auto;padding:8px;position:sticky;top:68px;z-index:10}.sidebar button,.sidebar a{width:auto;white-space:nowrap;margin:0 3px}.metrics{grid-template-columns:1fr 1fr}.content{padding:16px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.hero{padding:44px 0}.hero h1{font-size:42px}.detail-grid{grid-template-columns:1fr}.topbar .muted{display:none}.language-control label{display:none}}

/* SurgSci 2026 VI web application */
:root{--navy:#102a43;--blue:#036eb8;--cyan:#00afb8;--pale:#e9fafa;--ink:#102a43;--muted:#627d98;--line:#d9e7eb;--shadow:0 18px 48px rgba(3,110,184,.10)}
body{font-family:"Alibaba PuHuiTi","Alibaba PuHuiTi 3.0","Microsoft YaHei","Segoe UI",Arial,sans-serif;background:#f7fbfc}
.topbar{height:76px;border-bottom:1px solid rgba(0,175,184,.18);box-shadow:0 3px 16px rgba(3,110,184,.05)}
.brand{min-width:180px;padding:5px 0}.brand img{display:block;width:176px;height:auto}.brand-slogan{font-size:12px;font-weight:600;letter-spacing:.04em;color:#036eb8}
.hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#f2fbfb 54%,#e8f5ff 100%)}
.topbar .shell{max-width:none;margin:0;padding-left:14px;padding-right:22px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.category-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.category-card h2{color:var(--navy);margin:12px 0 7px}.category-card p{min-height:42px}.summary-cell{white-space:normal!important;min-width:220px;max-width:360px;line-height:1.5}
.public-category{border:1px solid var(--line);border-radius:14px;background:#fafdfe;overflow:hidden}.public-category-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.public-category-head h3{margin:0;color:var(--navy)}.public-category-materials{display:grid;gap:8px;padding:10px}.category-toggle{border:0;background:var(--pale);color:var(--blue);border-radius:8px;padding:7px 10px;font-weight:700;cursor:pointer}.material-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;color:#496577;margin:4px 0}.material>span{min-width:0;display:block}.application-material-picker{display:grid;gap:8px;max-height:390px;overflow:auto;padding:4px}.application-material-option{display:flex;gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px}.application-material-option span{display:grid;gap:3px}.application-material-option small{color:var(--muted)}
.brand-curve{position:absolute;width:620px;height:620px;border:70px solid rgba(0,175,184,.08);border-left-color:rgba(49,150,243,.08);border-radius:50%;right:-340px;top:-380px;transform:rotate(-25deg)}
.eyebrow{color:#00afb8;letter-spacing:.16em}.hero h1,.card h1,.card h2,.section h2,.page-title h1{color:#102a43}
.hero h1{max-width:680px}.hero-card,.card,.metric,.table-wrap,.sales-card{border-color:rgba(0,175,184,.18);box-shadow:var(--shadow)}
.hero-card{border-top:4px solid #00afb8}.flow-step{border-color:rgba(0,175,184,.18)}.step-no{background:#e7f8f8;color:#036eb8}
.btn{background:linear-gradient(135deg,#00afb8,#036eb8);border-radius:7px;box-shadow:0 8px 20px rgba(3,110,184,.16)}.btn.secondary{background:#fff;color:#036eb8;border-color:rgba(3,110,184,.32);box-shadow:none}.btn.danger{background:#b91c1c}
.feature{border-top:3px solid #00afb8}.feature:nth-child(2){border-top-color:#3772fe}.feature:nth-child(3){border-top-color:#036eb8}
.field input,.field select,.field textarea,.language-control select{border-color:#c9dde3;border-radius:7px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#00afb8;box-shadow:0 0 0 3px rgba(0,175,184,.14)}
.material{border-color:rgba(0,175,184,.18);border-radius:9px}.notice{background:#e7f8f8;color:#086f75}
.sidebar{background:linear-gradient(180deg,#036eb8 0%,#075886 100%)}.sidebar button:hover,.sidebar button.active,.sidebar a:hover,.sidebar a.active{background:rgba(0,175,184,.30)}
.metric{border-top:3px solid #00afb8}.data-table th{background:#eef8f9;color:#315b6c}.data-table tr:hover td{background:#f0fbfb}
.sales-avatar{background:linear-gradient(145deg,#00afb8,#036eb8)}.sales-card:hover{border-color:#00afb8}.footer{border-top-color:rgba(0,175,184,.2)}
@media(max-width:850px){.topbar{height:70px}.brand{min-width:145px}.brand img{width:142px}.brand-slogan{display:none}.brand-curve{width:420px;height:420px;right:-300px;top:-260px}}
.brand-lockup{display:flex;align-items:center;gap:16px}.brand-tagline{display:grid;gap:2px;padding-left:16px;border-left:1px solid rgba(0,175,184,.35);color:#036eb8;line-height:1.25}.brand-tagline b{font-size:12px}.brand-tagline small{font-size:10px;letter-spacing:.02em}.actions.compact{margin-top:0}.category-manager{display:grid;gap:20px}.category-list{display:grid;gap:8px}.category-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#f8fcfc}.category-item>div{display:grid;gap:4px}.category-item small{color:var(--muted)}.category-forms{display:grid;grid-template-columns:1fr 1fr;gap:16px}.subform{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:10px}.subform h3{margin:0;color:var(--navy)}button:disabled{cursor:not-allowed;opacity:.48}
@media(max-width:850px){.brand-tagline{display:none}.category-forms{grid-template-columns:1fr}.category-item{align-items:flex-start;flex-direction:column}}
.login-primary{width:100%;margin:12px 0}.login-form{display:grid;gap:13px;margin-top:18px}.login-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}.user-badge{display:block;padding:0 12px 18px;color:#fff;font-size:12px;opacity:.9}.security-card{padding:22px;max-width:780px}.security-card h2{margin-top:0}
.file-input-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.file-picker-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.file-picker-button{cursor:pointer;margin:0}.submission-dialog{position:fixed;inset:0;z-index:100;background:rgba(8,47,73,.48);display:grid;place-items:center;padding:20px}.submission-dialog-card{width:min(480px,100%);background:#fff;border:1px solid rgba(0,175,184,.25);border-radius:18px;padding:30px;text-align:center;box-shadow:0 24px 70px rgba(8,47,73,.28)}.submission-dialog-card h2{color:var(--navy);margin:12px 0}.submission-dialog-card p{color:#365363;line-height:1.7;overflow-wrap:anywhere}.submission-success-mark{width:58px;height:58px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#15803d;font-size:32px;font-weight:800}.submission-dialog-card .btn{min-width:130px;margin-top:10px}
.field-error{display:block;color:#b91c1c;font-size:13px;font-weight:650;margin-top:4px}

/* Surgsci VI green theme - v1.8.8 */
:root{
  --brand-green:#00afb8;
  --brand-green-mid:#008d93;
  --brand-green-dark:#006c70;
  --brand-green-deep:#064e4f;
  --brand-green-soft:#dff6f3;
  --brand-mint:#f2fbf9;
  --navy:var(--brand-green-deep);
  --blue:var(--brand-green-dark);
  --cyan:var(--brand-green);
  --pale:var(--brand-green-soft);
  --ink:#143d3d;
  --muted:#607775;
  --line:#cde5e1;
  --shadow:0 18px 46px rgba(0,108,112,.13)
}
html{accent-color:var(--brand-green)}
body{
  color:var(--ink);
  background-color:#f6fbfa;
  background-image:repeating-linear-gradient(90deg,rgba(0,175,184,.035) 0,rgba(0,175,184,.035) 1px,transparent 1px,transparent 72px)
}
a{color:var(--brand-green-dark)}
.topbar{background:rgba(255,255,255,.96);border-bottom:2px solid var(--brand-green);box-shadow:0 5px 24px rgba(0,108,112,.07)}
.brand-tagline,.brand-slogan{color:var(--brand-green-dark)}
.hero{
  background-image:repeating-linear-gradient(90deg,rgba(0,175,184,.055) 0,rgba(0,175,184,.055) 1px,transparent 1px,transparent 86px),linear-gradient(145deg,#fff 0%,#eefaf8 55%,#dff6f3 100%)
}
.brand-curve{border-color:rgba(0,175,184,.09);border-left-color:rgba(0,108,112,.12)}
.eyebrow{color:var(--brand-green-mid)}
.hero h1,.card h1,.card h2,.section h2,.page-title h1,.feature b,.category-card h2,.public-category-head h3,.drawer-title h2,.drawer-section h3,.subform h3,.metric strong,.sales-card-main b{color:var(--brand-green-deep)}
.hero p,.submission-dialog-card p{color:#3f6260}
.hero-card,.card,.metric,.table-wrap,.sales-card,.category-card,.public-category,.subform{border-color:rgba(0,175,184,.24);box-shadow:var(--shadow)}
.hero-card{border-top:5px solid var(--brand-green)}
.flow-step{border-color:rgba(0,175,184,.20)}
.step-no{background:var(--brand-green-soft);color:var(--brand-green-dark);box-shadow:inset 0 0 0 1px rgba(0,175,184,.22)}
.btn{background:linear-gradient(135deg,var(--brand-green-dark),var(--brand-green-deep));border-top:2px solid var(--brand-green);box-shadow:0 9px 22px rgba(0,108,112,.20)}
.btn:hover{filter:brightness(.94)}
.btn.secondary{background:#fff;color:var(--brand-green-dark);border-color:rgba(0,141,147,.38);box-shadow:none}
.btn.secondary:hover{background:var(--brand-mint)}
.btn.danger{background:#b91c1c;border-top:0;box-shadow:none}
.feature{border-top-color:var(--brand-green)}
.feature:nth-child(2){border-top-color:var(--brand-green-mid)}
.feature:nth-child(3){border-top-color:var(--brand-green-dark)}
.field label{color:#365f5d}
.field input,.field select,.field textarea,.language-control select,.library-tools input,.library-tools select{border-color:#bfded9}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-green);box-shadow:0 0 0 3px rgba(0,175,184,.15)}
.material,.application-material-option,.version-item{border-color:rgba(0,175,184,.22)}
.notice{background:var(--brand-green-soft);color:var(--brand-green-dark);border-left:4px solid var(--brand-green)}
.notice.error{border-left-color:var(--bad)}
.category-toggle{background:var(--brand-green-soft);color:var(--brand-green-dark)}
.sidebar{
  color:#e4fbf8;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0,rgba(255,255,255,.055) 1px,transparent 1px,transparent 26px),linear-gradient(180deg,var(--brand-green-dark) 0%,var(--brand-green-deep) 100%)
}
.sidebar button,.sidebar a{border-left:3px solid transparent}
.sidebar button:hover,.sidebar button.active,.sidebar a:hover,.sidebar a.active{background:rgba(0,175,184,.28);border-left-color:#72e1db;color:#fff}
.metric{position:relative;overflow:hidden;border-top:0;padding-left:23px}
.metric:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,var(--brand-green),var(--brand-green-dark))}
.metric:nth-child(even):before{background:linear-gradient(180deg,#57d1cb,var(--brand-green-mid))}
.data-table th{background:#e9f7f5;color:#315f5c;border-bottom-color:#bddfd9}
.data-table tr:hover td{background:#f0faf8}
.drawer{background:rgba(6,78,79,.36)}
.drawer-panel{box-shadow:-20px 0 50px rgba(6,78,79,.20)}
.icon-btn{background:var(--brand-green-soft);color:var(--brand-green-deep)}
.detail,.upload-item,.category-item{background:#f2faf8}
.upload-state.uploading{color:var(--brand-green-dark)}
.status.simulated{background:var(--brand-green-soft);color:var(--brand-green-dark)}
.sales-avatar{background:linear-gradient(145deg,var(--brand-green),var(--brand-green-dark))}
.sales-card:hover{border-color:var(--brand-green);box-shadow:0 16px 38px rgba(0,108,112,.16)}
.login{border-top:5px solid var(--brand-green);background:rgba(255,255,255,.97)}
.submission-dialog{background:rgba(6,78,79,.48)}
.submission-dialog-card{border-color:rgba(0,175,184,.34);box-shadow:0 24px 70px rgba(6,78,79,.26)}
.footer{border-top-color:rgba(0,175,184,.28);background:rgba(255,255,255,.94)}
@media(max-width:850px){.sidebar{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 26px),linear-gradient(90deg,var(--brand-green-dark),var(--brand-green-deep))}}

/* v1.8.8 light and lively refinement */
:root{
  --brand-green-mid:#38c2c5;
  --brand-green-dark:#08777a;
  --brand-green-deep:#174f50;
  --brand-green-soft:#e8f8f6;
  --brand-mint:#f6fcfb;
  --ink:#244847;
  --muted:#6b817f;
  --line:#dcecea;
  --shadow:0 14px 36px rgba(16,104,105,.075)
}
body{background-color:#fbfefd;background-image:repeating-linear-gradient(90deg,rgba(0,175,184,.022) 0,rgba(0,175,184,.022) 1px,transparent 1px,transparent 84px)}
.topbar{border-bottom-color:rgba(0,175,184,.34);box-shadow:0 4px 20px rgba(16,104,105,.045)}
.hero{background-image:repeating-linear-gradient(90deg,rgba(0,175,184,.028) 0,rgba(0,175,184,.028) 1px,transparent 1px,transparent 96px),linear-gradient(145deg,#fff 0%,#f7fdfc 58%,#ebf9f7 100%)}
.brand-curve{border-color:rgba(0,175,184,.055);border-left-color:rgba(56,194,197,.075)}
.hero-card,.card,.metric,.table-wrap,.sales-card,.category-card,.public-category,.subform{background:rgba(255,255,255,.96);border-color:rgba(0,175,184,.16);box-shadow:var(--shadow)}
.hero-card{border-top-width:3px}
.btn{color:#103f40;background:linear-gradient(135deg,#9fe3df,#c3efeb);border:1px solid rgba(0,175,184,.52);border-top:1px solid rgba(0,175,184,.52);box-shadow:0 7px 17px rgba(16,104,105,.10)}
.btn:hover{background:linear-gradient(135deg,#82d9d5,#afe9e5);filter:none}
.btn.secondary{background:#fff;color:var(--brand-green-dark);border-color:rgba(0,175,184,.30)}
.btn.danger{color:#fff;background:#b91c1c;border:0}
.sidebar{color:#315d5b;border-right:1px solid #cfe8e4;background-image:repeating-linear-gradient(90deg,rgba(0,175,184,.035) 0,rgba(0,175,184,.035) 1px,transparent 1px,transparent 28px),linear-gradient(180deg,#f2fbf9 0%,#e7f7f4 100%)}
.sidebar .user-badge{color:#315d5b}
.sidebar button:hover,.sidebar button.active,.sidebar a:hover,.sidebar a.active{background:#d4f1ee;border-left-color:var(--brand-green);color:#174f50}
.metric:before{width:5px;background:linear-gradient(180deg,#66d1ce,var(--brand-green))}
.metric:nth-child(even):before{background:linear-gradient(180deg,#a4e6e1,var(--brand-green-mid))}
.data-table th{background:#f1faf8;color:#426765;border-bottom-color:#d4e9e6}
.data-table tr:hover td{background:#f7fcfb}
.detail,.upload-item,.category-item{background:#f7fcfb}
.drawer{background:rgba(23,79,80,.18)}
.drawer-panel{box-shadow:-16px 0 42px rgba(23,79,80,.11)}
.submission-dialog{background:rgba(23,79,80,.24)}
.submission-dialog-card{box-shadow:0 20px 58px rgba(23,79,80,.15)}
.login{border-top-width:3px;box-shadow:0 18px 52px rgba(16,104,105,.09)}
.footer{background:rgba(250,254,253,.96)}
@media(max-width:850px){.sidebar{background-image:repeating-linear-gradient(90deg,rgba(0,175,184,.03) 0,rgba(0,175,184,.03) 1px,transparent 1px,transparent 28px),linear-gradient(90deg,#f2fbf9,#e7f7f4)}}

/* v1.8.8 layered green rhythm */
body{
  background-color:#fbfefd;
  background-image:repeating-linear-gradient(90deg,rgba(0,175,184,.030) 0,rgba(0,175,184,.030) 44px,rgba(246,250,247,.48) 44px,rgba(246,250,247,.48) 88px,rgba(56,194,197,.018) 88px,rgba(56,194,197,.018) 132px,rgba(255,255,255,.56) 132px,rgba(255,255,255,.56) 176px)
}
.hero{
  background-image:repeating-linear-gradient(90deg,rgba(0,175,184,.050) 0,rgba(0,175,184,.050) 54px,rgba(235,249,246,.28) 54px,rgba(235,249,246,.28) 108px,rgba(56,194,197,.026) 108px,rgba(56,194,197,.026) 162px,rgba(255,255,255,.38) 162px,rgba(255,255,255,.38) 216px),linear-gradient(145deg,#fff 0%,#f7fdfc 58%,#eaf8f5 100%)
}
.content{
  background-image:repeating-linear-gradient(90deg,rgba(0,175,184,.018) 0,rgba(0,175,184,.018) 52px,transparent 52px,transparent 104px,rgba(179,220,212,.035) 104px,rgba(179,220,212,.035) 156px,transparent 156px,transparent 208px)
}
.sidebar{
  background-image:repeating-linear-gradient(90deg,#f2fbf9 0,#f2fbf9 32px,#e7f6f3 32px,#e7f6f3 64px,#edf9f7 64px,#edf9f7 96px)
}
.hero-card{background:linear-gradient(90deg,rgba(232,248,246,.72) 0 13px,rgba(255,255,255,.97) 13px 100%)}
.metric:nth-child(4n+1),.feature:nth-child(3n+1),.category-card:nth-child(3n+1){background:#fff}
.metric:nth-child(4n+2),.feature:nth-child(3n+2),.category-card:nth-child(3n+2){background:#f5fbfa}
.metric:nth-child(4n+3),.feature:nth-child(3n+3),.category-card:nth-child(3n+3){background:#edf8f6}
.metric:nth-child(4n){background:#f8faf6}
.public-category:nth-child(even),.sales-card:nth-child(even){background:#f5fbfa}
.data-table tbody tr:nth-child(even) td{background:rgba(242,249,247,.55)}
.data-table tbody tr:hover td{background:#eaf7f4}
.card-head{background:linear-gradient(90deg,rgba(232,248,246,.78),rgba(255,255,255,.94) 58%,rgba(246,250,247,.72));border-radius:20px 20px 0 0}
.public-category-head{background:linear-gradient(90deg,#edf8f6,#f9fcfa)}
.drawer-head{padding-bottom:12px;border-bottom:1px solid #dcecea}
.drawer-panel{background:linear-gradient(90deg,#f8fcfb 0 10px,#fff 10px 100%)}
.footer{background-image:repeating-linear-gradient(90deg,rgba(0,175,184,.025) 0,rgba(0,175,184,.025) 60px,transparent 60px,transparent 120px)}
@media(max-width:850px){
  body,.hero,.content{background-size:auto}
  .sidebar{background-image:repeating-linear-gradient(90deg,#f2fbf9 0,#f2fbf9 42px,#e7f6f3 42px,#e7f6f3 84px,#edf9f7 84px,#edf9f7 126px)}
}