:root{--white:#fff;--sky:#66c3ef;--blue:#4570ea;--purple:#851ca3;--black:#000}html,body,#root{min-height:100%}body{margin:0}:root{--blue-dark:#2b4fb8;--blue-light:#eef3fd;--purple-light:#f5e6f9;--sky-light:#e8f7fd;--surface:#f0f4ff;--border:#d8e2fc;--text:#0a0f1e;--muted:#6474a0;--ok:#16a34a;--ok-bg:#dcfce7;--warn:#d97706;--warn-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--ra:8px;--rb:14px;--rc:22px;--sh:0 1px 3px #4570ea14, 0 4px 16px #4570ea0f;--sh2:0 8px 32px #4570ea29}body{background:var(--surface);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}button,input,select{font-family:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.toolbar-row,.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-title{color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.card-sub{color:var(--muted);margin-top:2px;font-size:11px;display:block}.g2,.g3,.g4{gap:14px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.btn{border-radius:var(--ra);background:0 0;border:1.5px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-pri{background:var(--blue);border-color:var(--blue);color:#fff}.btn-pri:hover{background:var(--blue-dark)}.btn-sec{border-color:var(--border);color:var(--text);background:#fff}.btn-sec:hover{background:var(--surface);border-color:var(--blue)}.btn-dark{background:var(--black);color:#fff}.btn-ghost{border-color:var(--border);color:var(--muted);background:0 0}.btn-sm{border-radius:6px;padding:5px 10px;font-size:12px}.btn-xs{border-radius:5px;padding:3px 8px;font-size:11px}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{background:var(--surface);border-bottom:1px solid var(--border);color:var(--muted);letter-spacing:.5px;text-align:left;text-transform:uppercase;padding:7px 12px;font-size:10px;font-weight:700}.tbl td{vertical-align:middle;border-bottom:1px solid #f0f4ff;padding:10px 12px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--blue-light)}.tbl small{color:var(--muted);margin-top:2px;display:block}.table-link{color:var(--blue)}.text-ok,.text-green{color:var(--ok)}.text-warn,.text-amber{color:var(--warn)}.text-danger,.text-red{color:var(--danger)}.text-blue{color:var(--blue)}.text-purple{color:var(--purple)}.text-sky{color:var(--sky)}.text-gray{color:var(--muted)}.w-0{width:0%}.w-17{width:17%}.w-21{width:21%}.w-25{width:25%}.w-29{width:29%}.w-31{width:31%}.w-32{width:32%}.w-38{width:38%}.w-40{width:40%}.w-42{width:42%}.w-45{width:45%}.w-50{width:50%}.w-53{width:53%}.w-55{width:55%}.w-56{width:56%}.w-57{width:57%}.w-60{width:60%}.w-61{width:61%}.w-62{width:62%}.w-64{width:64%}.w-65{width:65%}.w-67{width:67%}.w-68{width:68%}.w-70{width:70%}.w-71{width:71%}.w-72{width:72%}.w-73{width:73%}.w-75{width:75%}.w-78{width:78%}.w-80{width:80%}.w-82{width:82%}.w-85{width:85%}.w-90{width:90%}.w-95{width:95%}.w-100{width:100%}.h-44{height:44%}.h-48{height:48%}.h-55{height:55%}.h-63{height:63%}.h-68{height:68%}.h-71{height:71%}.h-82{height:82%}@media (width<=1024px){.g3,.g4{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}.tbl{min-width:760px}}@media (width<=640px){.g2,.g3,.g4{grid-template-columns:1fr}}*{box-sizing:border-box}#root{text-align:left;font-family:Inter,sans-serif;border:none!important;width:100%!important;max-width:100vw!important;height:100vh!important;margin:0!important;padding:0!important}.login-container{width:100%;height:100vh;display:flex;overflow:hidden}.login-left{background:#000;flex:0 0 48%;height:100%}.login-image{object-fit:cover;width:100%;height:100%;display:block}.login-right{background:#000;flex-direction:column;flex:0 0 52%;justify-content:center;align-items:stretch;padding:40px 5%;display:flex;position:relative;overflow-y:auto}.login-form-container{flex-direction:column;gap:18px;width:100%;display:flex}.login-form{flex-direction:column;gap:14px;display:flex}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:84px}.password-toggle{cursor:pointer;color:#373838;z-index:3;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:0;transition:none;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:inherit;background:0 0;transform:translateY(-50%)}.password-toggle:focus{outline:none;box-shadow:0 0 0 3px #ffffff1f}.logo-container{justify-content:flex-start;display:flex}.logo{color:#fff;align-items:center;height:64px;margin:0;padding:0;font-family:AgType,Inter,sans-serif;font-size:56px;font-weight:600;display:flex}.logo-highlight{color:#4570ea}.powered-by{color:#6b6b6b;text-align:center;margin:0;font-family:Inter,sans-serif;font-size:12px;position:absolute;bottom:16px;left:0;right:0}.logo-container .logo:hover,.login-form-container .logo:hover{filter:none!important;transition:none!important}.welcome-title{color:#fff;margin:0;font-family:AgType,Inter,sans-serif;font-size:25px;font-weight:500;line-height:1}.welcome-subtitle{color:#a1a1a1;margin-bottom:8px;font-family:AgType,Inter,sans-serif;font-size:16px;font-weight:400;line-height:.5}.welcome-subtitle-new-password{color:#4570ea;margin-bottom:8px;font-family:AgType,Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.4}.form-group{flex-direction:column;width:100%;display:flex}.form-input{border:1.5px solid #d0d0d0;border-radius:14px;width:100%;padding:18px 22px;font-size:15px;transition:all .2s}.form-input:focus{border-color:#00bcd4;outline:none;box-shadow:0 0 0 3px #00bcd42e}.login-error{color:#dc143c;margin:0 0 12px}.login-button{color:#fff;cursor:pointer;background:#4570ea;border:none;border-radius:23px;width:100%;margin-top:5px;padding:16px;font-size:16px;font-weight:600;transition:all .15s}.login-button:hover{opacity:.9;transform:translateY(-1px)}.login-button:disabled{color:#7a7a7a;cursor:not-allowed;opacity:1;background:#cacaca;transform:none}.login-button:disabled:hover{opacity:1;transform:none}.forgot-password-container{text-align:center;width:100%;margin-top:8px}.forgot-password-link{color:#4570ea;cursor:pointer;font-size:15px}.forgot-password-link:hover{text-decoration:underline}@media (width<=960px){.login-container{flex-direction:column}.login-left{display:none}.login-right{flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:100vh;padding:40px 24px}.login-form-container{width:100%;max-width:400px}}@media (width<=480px){.login-right{padding:32px 20px}.logo{height:52px;font-size:28px}.welcome-title{font-size:22px}.welcome-subtitle{font-size:14px}.form-input{padding:16px 18px;font-size:14px}.login-button{padding:14px;font-size:15px}}.success-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.success-modal{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:420px;padding:40px 36px;box-shadow:0 8px 32px #0000002e}.success-modal h2{color:#111;margin:0 0 12px;font-size:1.4rem}.success-modal p{color:#555;margin:0 0 24px;line-height:1.5}.modal-ok{min-width:120px}.loading-spinner{border:3px solid #fff3;border-top-color:#4570ea;border-radius:50%;width:40px;height:40px;margin:40px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fl-page{background:var(--surface);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.fl-card{border:1px solid var(--border);border-radius:var(--rc);box-shadow:var(--sh2);background:#fff;width:100%;max-width:420px;padding:40px 36px}.fl-brand{color:var(--text);letter-spacing:-.5px;margin-bottom:10px;font-size:28px;font-weight:800}.fl-brand span{color:var(--blue)}.fl-eyebrow{background:var(--blue-light);border:1px solid var(--border);color:var(--blue);letter-spacing:.4px;text-transform:uppercase;border-radius:20px;margin-bottom:10px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.fl-title{color:var(--text);margin:0 0 6px;font-size:22px;font-weight:700}.fl-subtitle{color:var(--muted);margin:0 0 15px;font-size:13px;line-height:1.5}.fl-form{flex-direction:column;gap:6px;display:flex}.fl-label{color:var(--text);font-size:12px;font-weight:600}.fl-input{border:1.5px solid var(--border);border-radius:var(--ra);color:var(--text);background:#fff;outline:none;width:100%;margin-bottom:8px;padding:11px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.fl-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4570ea1f}.fl-input:disabled{background:var(--surface);color:var(--muted);cursor:not-allowed}.fl-error{color:var(--danger);margin:0 0 4px;font-size:12px}.fl-btn{width:100%;margin-top:4px;padding:11px 0;font-size:14px;font-weight:600}.fl-btn:disabled{background:var(--border);border-color:var(--border);color:var(--muted);cursor:not-allowed}.fl-btn:disabled:hover{background:var(--border)}.metric{border:1px solid var(--border);border-radius:var(--rb);box-shadow:var(--sh);background:#fff;padding:16px;position:relative;overflow:hidden}.metric:before{background:var(--blue);content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.metric--ok:before,.metric--green:before{background:var(--ok)}.metric--warn:before,.metric--amber:before{background:var(--warn)}.metric--danger:before,.metric--red:before{background:var(--danger)}.metric--purple:before{background:var(--purple)}.metric--sky:before{background:var(--sky)}.metric-val{margin-bottom:3px;font-size:26px;font-weight:800;line-height:1}.metric-lbl{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.metric-delta{color:var(--muted);margin-top:5px;font-size:11px}.rings-hero{background:var(--black);border-radius:var(--rb);color:#fff;margin-bottom:0;padding:18px 22px;position:relative;overflow:hidden}.rings-hero:before,.rings-hero:after{content:"";border-radius:50%;position:absolute}.rings-hero:before{background:radial-gradient(circle,#851ca34d 0%,#0000 70%);width:200px;height:200px;top:-60px;right:-60px}.rings-hero:after{background:radial-gradient(circle,#4570ea33 0%,#0000 70%);width:150px;height:150px;bottom:-40px;left:30%}.rings-content{z-index:1;position:relative}.rings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.rings-title{font-size:14px;font-weight:700}.rings-subtitle{color:#ffffff73;margin-top:2px;font-size:11px}.rings-stats,.rings-body{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.rings-stats{gap:16px}.ring-wrap{text-align:center;flex-shrink:0}.ring-wrap svg{display:block}.ring-label{color:var(--sky);text-align:center;font-size:14px;font-weight:800;line-height:1}.ring-label--green{color:#4ade80}.ring-label--purple{color:#c44ce0}.ring-caption{color:#ffffff73;text-align:center;margin-top:1px;font-size:10px}.rings-mini-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:200px;display:grid}.rings-mini{border-radius:var(--ra);background:#ffffff0d;border:1px solid #ffffff0f;padding:10px}.rings-mini--purple{background:#851ca333;border-color:#851ca34d}.rings-mini strong{color:#fff;font-size:20px;font-weight:800;line-height:1;display:block}.rings-mini span{color:#ffffff59;margin-top:2px;font-size:10px;display:block}.xp-area{border-top:1px solid #ffffff0f;margin-top:14px;padding-top:14px}.xp-row{color:#ffffff59;justify-content:space-between;margin-bottom:5px;font-size:11px;display:flex}.xp-track{background:#ffffff1a;border-radius:99px;height:6px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--sky), var(--blue), var(--purple));border-radius:inherit;width:81%;height:100%}.card{border:1px solid var(--border);border-radius:var(--rb);box-shadow:var(--sh);background:#fff;padding:18px}@media (width<=1024px){.card{overflow-x:auto}}.pagination{justify-content:center;align-items:center;gap:10px;padding:16px 0 4px;display:flex}.pagination__info{color:var(--muted);text-align:center;min-width:90px;font-size:12px}.grade{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.grade--sm{width:22px;height:22px;font-size:11px}.grade--md{width:34px;height:34px;font-size:14px}.grade--lg{width:70px;height:70px;font-size:30px}.gA{background:#16a34a}.gB{background:#65a30d}.gC{background:#d97706}.gD{background:#dc2626}.gE{background:#9f1239}.pill{white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.p-green,.p-ok{background:var(--ok-bg);color:var(--ok)}.p-amber,.p-warn{background:var(--warn-bg);color:var(--warn)}.p-red,.p-danger{background:var(--danger-bg);color:var(--danger)}.p-blue{background:var(--blue-light);color:var(--blue)}.p-purple{background:var(--purple-light);color:var(--purple)}.p-gray{color:var(--muted);background:#f1f4f9}.p-sky{background:var(--sky-light);color:#1a6e99}.page-loading{flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;min-height:60vh;display:flex}.page-loading__rings{width:80px;height:80px;position:relative}.page-loading__dot{background:linear-gradient(135deg, var(--sky), var(--blue), var(--purple));border-radius:50%;width:16px;height:16px;animation:1.6s ease-in-out infinite pl-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-loading__ring{border-style:solid;border-width:2px;border-radius:50%;position:absolute}.page-loading__ring--1{border-color:#4570ea #0000 #0000;width:80px;height:80px;animation:1.1s linear infinite pl-spin;top:0;left:0}.page-loading__ring--2{border-color:#0000 #66c3ef;width:58px;height:58px;animation:.8s linear infinite reverse pl-spin;top:11px;left:11px}.page-loading__ring--3{opacity:.7;border-color:#851ca3 #0000 #0000;width:38px;height:38px;animation:1.4s linear infinite pl-spin;top:21px;left:21px}.page-loading__particle{width:80px;height:80px;animation:1.1s linear infinite pl-spin;position:absolute;top:0;left:0}.page-loading__particle:before{content:"";background:#4570ea;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #4570ea}.page-loading__label{color:var(--muted);letter-spacing:.02em;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.page-loading__dots span{animation:1.2s ease-in-out infinite pl-blink;display:inline-block}.page-loading__dots span:nth-child(2){animation-delay:.2s}.page-loading__dots span:nth-child(3){animation-delay:.4s}.page-loading__bar-wrap{background:var(--border);border-radius:99px;width:120px;height:3px;overflow:hidden}.page-loading__bar{background:linear-gradient(90deg, var(--sky), var(--blue), var(--purple));border-radius:99px;width:45%;height:100%;animation:1.4s ease-in-out infinite pl-slide}@keyframes pl-spin{to{transform:rotate(360deg)}}@keyframes pl-pulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(.8)}}@keyframes pl-blink{0%,80%,to{opacity:.3}40%{opacity:1}}@keyframes pl-slide{0%{transform:translate(-100%)}to{transform:translate(290%)}}.dashboard-page,.distinkt-page{flex-direction:column;gap:14px;display:flex}.dark-muted{color:#ffffff73;margin-top:2px;font-size:11px}.portfolio-card__header,.card-split-header,.dpp-breadcrumb,.tabs,.phase-toolbar,.passport-metrics,.blockchain-row,.supplier-portal-row{align-items:center;gap:8px;display:flex}.portfolio-card__header,.card-split-header{justify-content:space-between;margin-bottom:14px}.achievements{flex-wrap:wrap;gap:6px;display:flex}.achievement{background:var(--blue-light);border:1px solid var(--border);border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:11px;font-weight:500;display:inline-flex}.achievement--purple{background:var(--purple-light);border-color:#d08be8}.achievement--locked{background:var(--surface);opacity:.6}.dpp-breadcrumb{flex-wrap:wrap;margin-bottom:14px}.dpp-breadcrumb__spacer{flex:1}.tabs{border-bottom:1.5px solid var(--border);flex-wrap:wrap;margin-bottom:16px}.tab{color:var(--muted);background:0 0;border:0;border-bottom:2.5px solid #0000;align-items:center;gap:6px;margin-bottom:-1.5px;padding:9px 16px;font-size:13px;font-weight:500;display:inline-flex}.tab.on{border-bottom-color:var(--blue);color:var(--blue);font-weight:600}.material-stack{border-radius:6px;height:16px;margin-bottom:14px;display:flex;overflow:hidden}.material-stack span{color:#fff;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.material-stack__pine{background:#16a34a;width:48.1%}.material-stack__al{background:#4570ea;width:31.9%}.material-stack__steel{background:#6b7280;width:18.5%}.material-stack__coat{background:var(--sky);width:1.5%}.carbon-total{font-size:32px;font-weight:800}.carbon-total span{color:var(--muted);font-size:14px;font-weight:400}.banner{border-radius:var(--ra);border:1px solid;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.banner--red{background:var(--danger-bg);color:#991b1b;border-color:#fca5a5}.banner--blue{background:var(--blue-light);color:var(--blue-dark);border-color:#93c5fd}.banner--purple{background:var(--purple-light);color:#5e1272;border-color:#d08be8}.banner--green{background:var(--ok-bg);color:var(--ok);border-color:#86efac}.field-classification{background:var(--black);border-radius:var(--rb);grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;padding:14px 16px;display:grid}.field-classification div{border-radius:var(--ra);padding:10px}.field-classification strong{margin-bottom:4px;font-size:11px;display:block}.field-classification span{color:#ffffff8c;font-size:10px;display:block}.class-red{color:#fca5a5;background:#dc262626;border:1px solid #dc26264d}.class-amber{color:#fcd34d;background:#d9770626;border:1px solid #d977064d}.class-blue{color:#93c5fd;background:#4570ea26;border:1px solid #4570ea4d}.class-gray{color:#c7d2ee;background:#6474a026;border:1px solid #6474a04d}.compliance-list{flex-direction:column;gap:8px;display:flex}.compliance-row{background:0 0;border-bottom:1.5px solid #f0f4ff;grid-template-columns:auto 1fr;gap:10px;padding:8px 0;display:grid}.compliance-row:last-child{border-bottom:0}.compliance-row--ok{color:var(--text)}.compliance-row--ok .compliance-symbol{color:var(--ok);font-size:14px}.compliance-row--warn{color:var(--text)}.compliance-row--warn .compliance-symbol{color:var(--warn);font-size:14px}.compliance-row--danger{color:var(--text)}.compliance-row--danger .compliance-symbol{color:var(--danger);font-size:14px}.compliance-row p{color:var(--muted);margin:2px 0 0;font-size:11px}.sc-wrap{border:1px solid var(--border);border-radius:var(--rb);background:#fff;overflow:hidden}.sc-block{flex-direction:column;display:flex}.phase-score-strip{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-explorer-wrap{border-top-left-radius:0;border-top-right-radius:0}.phase-strip{background:#000;border-bottom:1px solid #ffffff0f;grid-template-columns:1fr 1fr 1fr 1.3fr 1fr 1fr;padding:10px;display:grid}.phase-strip div{border-right:1px solid #ffffff0f}.phase-strip div:last-child{border-right:0}.phase-strip span{color:#ffffff4d;letter-spacing:.7px;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.phase-strip strong{color:var(--sky);margin-top:2px;font-size:13px;display:block}.phase-strip small{color:#ffffff4d;font-size:10px;display:block}.sc-progress{background:#000;padding:6px 12px 10px}.sc-progress__label{color:#ffffff4d;justify-content:space-between;margin-bottom:4px;font-size:10px;display:flex}.sc-progress__bar{background:#ffffff14;border-radius:99px;height:6px;overflow:hidden}.sc-progress__fill{border-radius:inherit;background:linear-gradient(90deg,#22c55e 0%,#d97706 68%,#ef4444 100%);width:65%;height:100%}.sc-map{width:100%}.sc-map svg{width:100%;height:auto;display:block}.sc-node,.batch-branch{cursor:pointer;transition:filter .2s,opacity .2s}.sc-node:hover,.batch-branch:hover{filter:brightness(1.08)drop-shadow(0 2px 8px #00000026)}.sc-detail{border-top:2px solid var(--blue);grid-template-columns:1fr 1fr;display:grid}.sc-detail__header{color:#fff;grid-column:1/-1;padding:14px 18px}.sc-detail__metrics{border-bottom:1px solid var(--border);grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 18px;display:grid}.sc-detail__metrics div{background:var(--surface);border:1px solid var(--border);border-radius:var(--ra);text-align:center;padding:8px 10px}.sc-detail__body{padding:14px 18px}.sc-detail__body+.sc-detail__body{border-left:1px solid var(--border)}.field-row{border-bottom:1px solid #f0f4ff;grid-template-columns:190px 1fr auto;gap:8px;padding:7px 0;font-size:12px;display:grid}.field-row:last-child{border-bottom:0}.field-k{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.field-v{color:var(--text);font-weight:500}.batch-explainer{background:var(--black);border-radius:var(--rb);color:#fff;margin-bottom:14px;padding:16px 18px}.batch-explainer h3{color:var(--sky);margin:0 0 10px;font-size:12px}.batch-card{border-radius:var(--ra);padding:12px;font-size:11px;line-height:1.6}.batch-card--ok{background:#16a34a1f;border:1px solid #16a34a4d}.batch-card--danger{background:#dc26261f;border:1px solid #dc26264d}.supplier-portal{background:var(--surface)}.portal-preview{border:1px solid var(--border);border-radius:var(--rb);background:#fff;padding:14px}.portal-preview__bar{background:var(--black);color:#fff;border-radius:6px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;display:flex}.portal-step{border-radius:6px;justify-content:space-between;margin-top:5px;padding:7px 10px;font-size:12px;display:flex}.portal-step--done{background:var(--ok-bg);color:var(--ok);font-weight:600}.portal-step--active{border:1.5px solid var(--blue);font-weight:600}.portal-step--pending{color:var(--muted);background:#f9fafb}.blockchain-terminal{border-radius:var(--ra);color:var(--sky);background:#0a0a0a;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.blockchain-row{justify-content:space-between;margin-bottom:6px}.blockchain-row span:first-child{color:#ffffff59}.hash{color:#4ade80;overflow-wrap:anywhere;font-size:10px;line-height:1.6}.passport-wrap{flex-direction:column;width:100%;max-width:400px;margin:0 auto;display:flex}.passport-title{text-align:center;margin-bottom:14px}.passport-title h1{color:var(--text);margin:0;font-size:20px;font-weight:800}.passport-card{background:var(--black);border-radius:var(--rc);box-shadow:var(--sh2);width:100%;overflow:hidden}.passport-score{color:#fff;text-align:center;padding:22px}.passport-score .grade{border:4px solid #fff3;margin-bottom:10px}.passport-metrics{justify-content:center;margin-top:10px}.passport-metrics div{text-align:center;min-width:70px}.passport-metrics strong{color:var(--sky);font-size:18px;display:block}.passport-metrics span{color:#ffffff59;font-size:10px}.verified-pill{color:#4ade80;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:5px;margin-top:12px;padding:4px 12px;font-size:11px;display:inline-flex}.verified-pill:before{content:"";background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.passport-details{background:#fff;padding:18px 20px}.passport-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.passport-row span:first-child{color:var(--muted);font-size:12px}.value-card{text-align:center}.value-card__icon{margin-bottom:8px;font-size:28px}.value-card strong{margin-bottom:4px;font-size:13px;display:block}.value-card p{color:var(--muted);margin:0;font-size:11px}.value-card em{color:var(--purple);margin-top:8px;font-size:18px;font-style:normal;font-weight:800;display:block}.moat-card{background:var(--black);color:#fff}.moat-card .card-title{color:var(--sky);margin-bottom:14px}.moat-item{border-radius:var(--ra);background:#ffffff0d;gap:12px;margin-top:10px;padding:12px;display:flex}.moat-item strong{color:var(--sky);font-size:13px;display:block}.moat-item p{color:#ffffff80;margin:2px 0 0;font-size:11px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=1100px){.phase-strip{min-width:895px}}@media (width<=900px){.dpp-hero,.sc-detail,.field-classification{grid-template-columns:1fr}.sc-detail__body+.sc-detail__body{border-left:0;border-top:1px solid var(--border)}.sc-detail__metrics{grid-template-columns:repeat(2,1fr)}.field-row{grid-template-columns:1fr}}.compliance-card{box-sizing:border-box;flex-direction:column;height:100%;display:flex}.compliance-card .compliance-scroll-container{flex:1;max-height:none}.compliance-scroll-container{max-height:250px;padding-right:6px;overflow-y:auto}.compliance-scroll-container::-webkit-scrollbar{width:6px}.compliance-scroll-container::-webkit-scrollbar-track{background:0 0}.compliance-scroll-container::-webkit-scrollbar-thumb{background:#00000014;border-radius:99px}.compliance-scroll-container::-webkit-scrollbar-thumb:hover{background:#00000026}.product-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}@media (width<=600px){.product-grid{grid-template-columns:1fr}}.product-card{color:var(--text);transition:transform .15s,box-shadow .15s;display:block}.product-card:hover{box-shadow:var(--sh2);transform:translateY(-2px)}.product-card__top,.product-card__footer{align-items:center;gap:10px;display:flex}.product-card__info{min-width:0}.product-card__name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.product-card__desc{color:var(--muted);margin:12px 0;font-size:12px}.product-score-row{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.product-score-row div{background:var(--surface);border:1px solid var(--border);border-radius:var(--ra);text-align:center;padding:9px}.product-score-row strong{font-size:14px;line-height:1;display:block}.product-score-row span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.dimension-list{flex-direction:column;gap:7px;display:flex}.dimension-row{color:var(--muted);grid-template-columns:78px 1fr 42px;align-items:center;gap:8px;font-size:11px;display:grid}.dimension-meter{background:var(--border);border-radius:99px;height:5px;overflow:hidden}.dimension-meter__fill{background:var(--blue);height:100%}.product-card__footer{border-top:1px solid var(--border);color:var(--muted);margin-top:12px;padding-top:12px;font-size:11px}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.page-header h1{color:var(--text);letter-spacing:0;margin:0 0 4px;font-size:20px;font-weight:800}.page-header p{color:var(--muted);margin:0;font-size:13px}.page-header__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=1024px){.page-header{flex-direction:column;align-items:flex-start}}.cert-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0a0f1e8c;justify-content:center;align-items:center;padding:16px;animation:.18s cert-fade-in;display:flex;position:fixed;inset:0}.cert-modal{border-radius:var(--rb);box-shadow:var(--sh2);background:#fff;flex-direction:column;width:100%;max-width:520px;max-height:90vh;animation:.2s cubic-bezier(.34,1.56,.64,1) cert-slide-up;display:flex;overflow-y:auto}@keyframes cert-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cert-slide-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cert-modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.cert-modal__title{color:var(--text);font-size:14px;font-weight:700}.cert-modal__close{border-radius:var(--ra);color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;line-height:1;transition:background .15s,color .15s;display:flex}.cert-modal__close:hover{background:var(--surface);color:var(--text)}.cert-modal__body{flex-direction:column;gap:16px;padding:20px;display:flex}.cert-dropzone{border:2px dashed var(--border);border-radius:var(--ra);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;transition:border-color .15s,background .15s;display:flex}.cert-dropzone:hover,.cert-dropzone--active{background:var(--blue-light);border-color:var(--blue)}.cert-dropzone--file{background:var(--ok-bg);border-color:var(--ok);border-style:solid}.cert-dropzone--error{background:var(--danger-bg);border-color:var(--danger);border-style:solid}.cert-dropzone__icon{font-size:28px;line-height:1}.cert-dropzone__label{color:var(--text);font-size:13px;font-weight:600}.cert-dropzone__hint{color:var(--muted);font-size:11px}.cert-dropzone__file-name{color:var(--ok);text-overflow:ellipsis;white-space:nowrap;max-width:360px;margin-top:2px;font-size:12px;font-weight:600;overflow:hidden}.cert-conditions{background:var(--surface);border:1px solid var(--border);border-radius:var(--ra);flex-direction:column;gap:5px;padding:12px 14px;display:flex}.cert-conditions__title{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.cert-condition{align-items:flex-start;gap:7px;font-size:11px;line-height:1.4;display:flex}.cert-condition__icon{flex-shrink:0;margin-top:1px;font-size:12px}.cert-condition--pass .cert-condition__text{color:var(--ok)}.cert-condition--fail .cert-condition__text{color:var(--danger);font-weight:600}.cert-condition--idle .cert-condition__text{color:var(--muted)}.cert-field{flex-direction:column;gap:5px;display:flex}.cert-field label{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;font-size:10px;font-weight:700}.cert-field input,.cert-field select{border:1.5px solid var(--border);border-radius:var(--ra);width:100%;color:var(--text);background-color:#fff;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.cert-field input:focus,.cert-field select:focus{border-color:var(--blue)}.cert-field input:disabled{background-color:var(--surface);color:var(--muted);cursor:not-allowed;border-color:var(--border)}.cert-info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--ra);flex-direction:column;padding:12px 14px;display:flex}.cert-info-name{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600}.cert-info-cat{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:10px}.cert-info-desc{color:var(--text);font-size:12px;line-height:1.5}.cert-error{background:var(--danger-bg);border-radius:var(--ra);color:#991b1b;border:1px solid #fca5a5;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;display:flex}.cert-error__icon{flex-shrink:0;font-size:14px}.cert-progress{flex-direction:column;gap:6px;display:flex}.cert-progress__bar{background:var(--border);border-radius:99px;height:6px;overflow:hidden}.cert-progress__fill{background:linear-gradient(90deg, var(--blue), var(--sky));border-radius:99px;height:100%;transition:width .3s}.cert-progress__label{color:var(--muted);text-align:center;font-size:11px}.cert-success{background:var(--ok-bg);border-radius:var(--ra);color:var(--ok);border:1px solid #86efac;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.cert-modal__footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;padding:16px 20px;display:flex}.dpp-hero{width:100%;margin-bottom:20px}.dpp-hero-card{background:var(--black);border-radius:var(--rb);color:#fff;border:1px solid #66c3ef1f;width:100%;padding:20px}.dpp-hero-container{justify-content:space-between;align-items:flex-start;gap:40px;width:100%;margin-bottom:14px;display:flex}.dpp-hero-left{align-items:flex-start;gap:16px;display:flex}.dpp-hero-grade{text-align:center;flex-shrink:0}.grade-label{color:#fff6;margin-top:4px;font-size:11px}.dpp-hero-content{flex:1}.dpp-hero-title{color:var(--sky);font-size:18px;font-weight:800}.dpp-hero-score{margin-top:4px;font-size:22px;font-weight:800;line-height:1}.score-max{color:#ffffff59;font-size:14px;font-weight:400}.dpp-hero-progress{width:100%;margin:8px 0}.progress-bar{background:#ffffff1a;border-radius:4px;height:5px;overflow:hidden}.progress-fill{background:var(--sky);border-radius:4px;height:100%;transition:width .3s}.dpp-hero-potential{color:#ffffff80;font-size:12px}.dpp-hero-potential strong{color:#4ade80}.dpp-hero-metrics{flex:1;grid-template-columns:repeat(3,1fr);gap:24px 40px;display:grid}.metric-item{flex-direction:column;gap:6px;display:flex}.metric-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.metric-progress{flex-direction:column;gap:4px;display:flex}.metric-value{color:var(--sky);font-size:14px;font-weight:700}.metric-bar{background:#ffffff1a;border-radius:2px;height:3px;overflow:hidden}.metric-fill{background:var(--sky);border-radius:2px;height:100%;transition:width .3s}.dpp-hero-footer{color:#ffffff40;border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:12px;padding-top:10px;font-size:11px;display:flex}.dpp-hero-footer code{color:#ffffff73;font-family:monospace}.blockchain-badge{align-items:center;gap:5px;margin-left:auto;display:flex}.pulse{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@media (width<=1200px){.dpp-hero-container{flex-direction:column;gap:20px}.dpp-hero-metrics{width:100%;min-width:unset}}.dpp-version-selector{border:1px solid var(--border);border-radius:var(--rb);background:#fff;align-items:center;gap:10px;padding:10px 14px;display:flex}.dpp-version-selector label{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700}.dpp-version-selector .version-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--ra);color:var(--text);cursor:pointer;padding:5px 10px;font-size:13px;font-weight:500;transition:border-color .15s}.dpp-version-selector .version-select:hover{border-color:var(--blue)}.dpp-version-selector .version-select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #4570ea1f}.dpp-version-selector .version-select:disabled{cursor:not-allowed;opacity:.5}.dpp-version-selector .version-info{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px}.carbon-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.card-title{margin-bottom:4px;font-size:14px;font-weight:600}.card-sub{color:var(--muted);margin-bottom:12px;font-size:12px}.carbon-total{font-size:32px;font-weight:800;line-height:1}.carbon-total span{color:var(--muted);margin-left:4px;font-size:14px;font-weight:400}.carbon-bars{flex-direction:column;gap:6px;display:flex}.carbon-bar-row{align-items:center;gap:8px;display:flex}.carbon-bar-label{color:var(--muted);flex-shrink:0;min-width:200px;font-size:11px}.carbon-bar-container{background:var(--border);border-radius:4px;flex:1;height:7px;overflow:hidden}.carbon-bar-fill{border-radius:4px;height:100%;transition:width .3s}.carbon-bar-value{text-align:right;flex-shrink:0;min-width:50px;font-size:11px;font-weight:600}.g3{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;display:grid}.circularity-card{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.circularity-grade{color:#d97706;font-size:56px;font-weight:700;line-height:1}.circularity-card .card-title{margin:0;font-size:16px;font-weight:600}.circularity-card .card-sub{color:var(--text-secondary,#6b7280);margin:0;font-size:13px}.circularity-card .carbon-total{color:#16a34a;margin:0;font-size:56px;font-weight:600;line-height:1}.circularity-card .carbon-total span{color:var(--text-secondary,#6b7280);margin-left:4px;font-size:16px;font-weight:400}.hierarchy-view{flex-direction:column;gap:20px;display:flex}.hier-tab-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.hier-tab{border:2px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:8px;flex:1;min-width:200px;padding:16px;transition:all .2s}.hier-tab:hover{border-color:var(--primary);background:#f5f9ff}.hier-tab.on{color:#fff;background:linear-gradient(135deg,#1e40af 0%,#1e3a8a 100%);border-color:#1e3a8a;font-weight:600;box-shadow:0 2px 8px #1e3a8a4d}.hier-tab.on .hier-tab-title{color:#fff;font-weight:700}.hier-tab.on .hier-tab-sub{color:#ffffffd9}.hier-tab-title{color:var(--black);margin-bottom:4px;font-size:13px;font-weight:600}.hier-tab-sub{color:var(--muted);font-size:11px}.banner{border-radius:8px;gap:12px;margin-bottom:14px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.banner.b-blue{background:#3b82f614;border-left:3px solid #3b82f6}.b-icon{flex-shrink:0;font-size:16px}.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-bottom:14px;display:grid}.card-subtitle{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:10px;font-size:10px;font-weight:700}.action-item,.inherited-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 0;font-size:12px;display:flex}.action-item:last-child,.inherited-item:last-child{border-bottom:none}.sku-card-content{align-items:center;gap:12px;display:flex}.sku-badge{background:var(--black);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:flex}.sku-info{flex:1}.sku-title{margin-bottom:4px;font-size:13px;font-weight:600}.sku-desc{color:var(--muted);margin-bottom:4px;font-size:12px}.sku-detail{color:var(--muted);font-size:11px}.serial-meta{background:var(--surface);border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:12px;line-height:1.8}.serial-id{background:var(--black);color:#38bdf8;word-break:break-all;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-family:monospace;font-size:11px}.timeline{flex-direction:column;gap:12px;display:flex}.timeline-event{gap:14px;display:flex}.timeline-date{text-align:right;flex-shrink:0;min-width:88px;padding-top:14px}.timeline-date .date{color:var(--muted);font-size:11px}.timeline-date .label{color:#22c55e;margin-top:2px;font-size:10px;font-weight:600}.timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.marker{color:#22c55e;background:#22c55e14;border:2px solid #22c55e;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-top:12px;font-size:10px;display:flex}.marker.predicted{color:#ca8a04;background:var(--surface);border-color:#ca8a04}.line{background:#22c55e14;flex:1;width:2px;min-height:14px;margin-top:2px}.line.predicted{background:var(--border)}.timeline-content{background:#fff;border:1px solid #22c55e4d;border-radius:10px;flex:1;padding:10px 12px}.timeline-content.predicted{background:var(--surface);border:1px solid var(--border)}.event-title{margin-bottom:6px;font-size:12px;font-weight:600}.event-title em{color:var(--muted);margin-right:4px;font-size:10px;font-style:normal;font-weight:400}.event-fields{grid-template-columns:1fr 1fr;gap:3px;display:grid}.event-fields .field{border-bottom:1px solid var(--border);justify-content:space-between;padding:3px 0;font-size:11px;display:flex}.event-fields .field code{color:var(--muted);font-family:monospace;font-size:10px}.event-fields .field span{font-weight:500}.action-list{flex-direction:column;gap:8px;display:flex}.action-row{border-left:4px solid var(--blue);border-radius:var(--ra);justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 14px;display:flex}.action-row--critical{background:var(--danger-bg);border-color:var(--danger)}.action-row--high{background:var(--warn-bg);border-color:var(--warn)}.action-row--medium{background:var(--blue-light);border-color:var(--blue)}.action-row--low{background:var(--surface);border-color:var(--muted)}.action-row__title{font-size:13px;font-weight:600}.action-row__meta{color:var(--muted);margin-top:3px;font-size:11px}.action-row strong{color:var(--ok);white-space:nowrap;font-size:12px}.supplier-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.supplier-card{border-left:4px solid var(--blue)}.supplier-card--ok{border-left-color:var(--ok)}.supplier-card--warn{border-left-color:var(--warn)}.supplier-card--danger{border-left-color:var(--danger)}.supplier-card__top,.supplier-t2{justify-content:space-between;align-items:center;gap:10px;display:flex}.supplier-card__name{font-size:14px;font-weight:800}.supplier-metrics{grid-template-columns:repeat(2,1fr);gap:8px;margin:-5px 0 12px;display:grid}.supplier-metrics div{background:var(--surface);border:1px solid var(--border);border-radius:var(--ra);padding:9px}.supplier-metrics strong{font-size:18px;line-height:1;display:block}.supplier-metrics span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.supplier-t2{color:var(--muted);margin:12px 0;font-size:11px}#app-layout{background:var(--surface);width:100vw;height:100vh;display:flex;overflow:hidden}#sidebar{background:var(--black);z-index:100;flex-direction:column;flex-shrink:0;width:232px;display:flex}#main-container{flex-direction:column;flex:1;display:flex;overflow:hidden}#content-area{flex:1;padding:20px 24px;overflow-y:auto}.s-logo{border-bottom:1px solid #ffffff0f;padding:18px 20px 14px}.s-logo-row{align-items:center;gap:9px;display:flex}.s-logo-img{color:var(--blue);width:32px;height:32px;display:block}.s-logo-name{color:#fff;letter-spacing:-.5px;font-size:19px;font-weight:800;line-height:1}.s-logo-name span{color:var(--blue)}.s-logo-sub{color:#ffffff4d;letter-spacing:1px;text-transform:uppercase;margin-top:3px;font-size:10px}.s-persona{border-radius:var(--ra);background:#ffffff0d;border:1px solid #ffffff14;margin:10px 12px;padding:8px 10px}.s-persona-row{align-items:center;gap:8px;display:flex}.s-pdot{background:var(--sky);border-radius:50%;flex-shrink:0;width:8px;height:8px}.s-persona-name,.s-user-name{color:#fff;font-size:12px;font-weight:600}.s-persona-role,.s-user-sub{color:#fff6;font-size:10px}.s-user-sub{cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s}.s-user-sub:hover{color:#ffffffb3}.s-nav{flex:1;padding:8px 0;overflow-y:auto}.s-section{color:#ffffff40;letter-spacing:1px;text-transform:uppercase;padding:14px 20px 4px;font-size:10px;font-weight:700}.s-item{color:#fff9;text-align:left;background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:8px 20px;font-size:13px;transition:all .15s;display:flex}.s-item:hover{color:#fff;background:#ffffff0d}.s-item.on{border-left-color:var(--blue);color:var(--sky);background:#4570ea26;font-weight:500}.s-item .si{text-align:center;flex-shrink:0;width:18px;font-size:15px}.s-badge{background:var(--danger);color:#fff;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.s-footer{text-align:left;background:0 0;border:0;border-top:1px solid #ffffff0f;align-items:center;gap:10px;padding:12px 14px;display:flex}.s-footer:hover{background:#ffffff0d}.s-avatar{background:linear-gradient(135deg, var(--blue), var(--purple));color:#fff;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.s-avatar--signout{display:none}#topbar{border-bottom:1px solid var(--border);z-index:50;background:#fff;flex-shrink:0;align-items:center;gap:14px;height:54px;padding:0 22px;display:flex}.tb-title{color:var(--text);flex:1;font-size:16px;font-weight:700}.tb-search{background:var(--surface);border:1px solid var(--border);border-radius:var(--rc);color:var(--muted);align-items:center;gap:8px;width:240px;padding:6px 14px;font-size:13px;display:flex;position:relative}.tb-search:before{content:"🔍";flex-shrink:0}.tb-search:focus-within{border-color:var(--blue);background:#fff}.tb-search input{color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0}.tb-search input::placeholder{color:var(--muted)}.tb-search-results{border:1px solid var(--border);border-radius:var(--ra);box-shadow:var(--shadow);z-index:80;background:#fff;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.tb-search-result{border:0;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;background:#fff;width:100%;padding:9px 12px;display:block}.tb-search-result:last-child{border-bottom:0}.tb-search-result:hover,.tb-search-result:focus,.tb-search-result.selected{background:var(--surface);outline:0}.tb-search-result strong,.tb-search-result span{display:block}.tb-search-result strong{font-size:12px;line-height:1.3}.tb-search-result span,.tb-search-empty{color:var(--muted);font-size:11px}.tb-search-empty{padding:10px 12px}.tb-notif{background:var(--surface);border:1px solid var(--border);border-radius:var(--ra);justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex;position:relative}.tb-notif-badge{background:var(--danger);color:#fff;border:1.5px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:800;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.tb-menu,.s-overlay{display:none}@media (width<=860px){#sidebar{z-index:200;width:232px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}#sidebar.open{transform:translate(0)}.s-overlay{z-index:199;background:#00000073;display:block;position:fixed;inset:0}.s-avatar--signout{display:none}.tb-menu{cursor:pointer;background:0 0;border:0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:24px;height:36px;padding:0;display:flex}.tb-menu span{background:var(--text);border-radius:2px;width:100%;height:2px;display:block}}