:root{color-scheme:light;font:14px/1.5 system-ui,sans-serif;color:#182722;background:#f1f4f1;--white: #fff;--muted: #52625a;--line: #dce4de;--accent: #245e4b;--accent-light: #e1eee6;--danger: #96353a}*{box-sizing:border-box}html,body{margin:0;min-height:100%}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:19px;letter-spacing:-.025em;line-height:1.2}h2{font-size:17px;letter-spacing:-.012em}h3{font-size:15px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #cbd8d0;border-radius:8px;background:var(--white);color:#20332b;min-height:39px;padding:7px 13px;font-weight:650}button:hover{background:var(--accent-light)}button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #387f67;outline-offset:2px}button:disabled{cursor:default;opacity:.55}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:#1b493a}button.quiet{background:transparent;border-color:transparent}button.danger{color:var(--danger)}button.danger:hover{background:#fae7e7}button.small{min-height:32px;padding:4px 9px;font-size:12px}.muted{color:var(--muted)}.fine{font-size:12px}.error{color:var(--danger)}.feedback{color:var(--accent);font-size:13px;overflow-wrap:anywhere}.feedback.error{color:var(--danger)}.portal-feedback{position:fixed;z-index:50;right:25px;bottom:22px;max-width:430px;padding:10px 14px;border-radius:8px;background:#e1eee6;color:var(--accent);box-shadow:0 12px 35px #13251e28}.portal-feedback.error{background:#fde8e8;color:var(--danger)}.portal-feedback:empty{display:none}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.button-group{display:flex;gap:8px}.brand-mark{position:relative;display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--accent);flex:0 0 auto}.brand-mark:before{content:"";width:15px;height:11px;border:2px solid #fff;border-radius:3px}.brand-mark:after{content:"";position:absolute;width:4px;height:4px;background:#fff;border-radius:50%}.panel{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-inner{padding:15px;display:grid;gap:9px}.eyebrow{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:750}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}label{display:grid;gap:4px;font-weight:600;font-size:12px}input:not([type=checkbox]),textarea,select{width:100%;min-width:0;border:1px solid #cbd8d0;border-radius:7px;padding:8px;background:#fcfdfb;color:inherit}textarea{resize:vertical}.bug-card{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#f9fbf9}#bugs{display:grid;gap:9px}#media{display:grid;place-items:center;background:#111a16;min-height:220px}#media :is(video,img){display:block;max-width:100%;max-height:60vh}#media video{width:100%}.portal-shell{min-height:100vh;background:#f5f7f6;color:#17231f}.portal-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:238px;display:flex;flex-direction:column;padding:22px 14px 18px;background:#123f34;color:#fff}.portal-brand{display:flex;align-items:center;gap:11px;padding:0 7px 23px}.portal-brand strong{display:block;font-size:18px;letter-spacing:-.02em}.portal-brand span:last-child{display:block;margin-top:2px;color:#b9d0c8;font-size:11px}.portal-brand .brand-mark{width:35px;height:35px;background:#f3faf6}.portal-brand .brand-mark:before{border-color:#174d3f}.portal-brand .brand-mark:after{background:#174d3f}.portal-nav{display:grid;gap:4px}.portal-nav-item{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:43px;padding:8px 11px;border:0;background:transparent;color:#eaf4ef;text-align:left;font-weight:600;border-radius:0}.portal-nav-item:hover{background:#ffffff12}.portal-nav-item.active{background:#ffffff20;box-shadow:inset 3px 0 #92c6b2;color:#fff}.portal-nav-item>span{width:24px;color:#d6e8e0;font-size:19px;text-align:center}.portal-nav-item b{min-width:22px;padding:1px 6px;border-radius:9px;background:#ffffff18;font-size:10px;text-align:center}.portal-account{display:grid;gap:10px;margin-top:auto;padding:13px 9px;border-top:1px solid #ffffff20}.portal-account-meta{display:flex;gap:9px;align-items:flex-start}.portal-account-dot{width:8px;height:8px;margin-top:5px;flex:0 0 auto;border-radius:50%;background:#6fcea8;box-shadow:0 0 0 4px #6fcea822}.portal-account-dot.offline{background:#9aa8a1;box-shadow:0 0 0 4px #9aa8a122}.portal-account strong{display:block;font-size:11px;overflow-wrap:anywhere}.portal-account p{margin-top:3px;color:#b9d0c8;font-size:10px;line-height:1.4}.portal-logout{width:100%;min-height:34px;border:1px solid #ffffff30;background:#ffffff12;color:#eaf4ef;border-radius:8px;font-size:12px}.portal-logout:hover{background:#fff2}.portal-frame{min-height:100vh;margin-left:238px}.portal-topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px;padding:12px 28px;border-bottom:1px solid #dce4df;background:#ffffffed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.global-search-wrap{display:flex;align-items:center;gap:9px;width:min(600px,60vw);padding:0 11px;border:1px solid #cfdbd4;border-radius:8px;background:#fafcfb}.global-search-wrap span{color:#587068;font-size:21px}.global-search-wrap input{min-height:40px;border:0!important;padding-left:0!important;background:transparent!important;outline:none!important}.portal-content{display:block;max-width:1440px;margin:auto;padding:28px clamp(20px,3vw,42px) 60px}.portal-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.portal-heading h1{font-size:clamp(25px,3vw,34px);letter-spacing:-.035em}.portal-heading p{margin-top:5px;color:#607169}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:26px}.metric-strip article{display:flex;align-items:center;gap:13px;min-height:112px;padding:17px;border:1px solid #d6e0da;border-radius:10px;background:#fff}.metric-strip article p{color:#4f625a;font-size:12px;font-weight:650}.metric-strip article strong{display:block;margin-top:2px;font-size:27px;line-height:1.1}.metric-strip article small{color:#77877f}.metric-icon{display:grid;place-items:center;width:45px;height:45px;flex:0 0 auto;border-radius:10px;font-size:23px}.metric-icon.mint{background:#e3f0e9;color:#1d6b51}.metric-icon.red{background:#fee9e9;color:#c43e45}.metric-icon.blue{background:#e7effb;color:#3569a8}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,.9fr);gap:18px}.portal-section{border:1px solid #d9e2dd;border-radius:10px;background:#fff;overflow:hidden}.recent-section{grid-column:1}.activity-section{grid-column:2;grid-row:1 / span 2}.status-section{grid-column:1}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:14px 17px;border-bottom:1px solid #e3e9e5}.link-button,.table-link{min-height:auto;padding:0;border:0;background:transparent;color:#126047;font-size:12px}.link-button:hover,.table-link:hover{background:transparent;text-decoration:underline}.portal-table{width:100%;border-collapse:collapse;font-size:12px}.portal-table th{padding:10px 12px;background:#f4f7f5;color:#4f625a;font-size:10px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);text-align:left}.portal-table td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}.portal-table tbody tr{cursor:pointer}.portal-table tbody tr:hover{background:#f0f7f3}.activity-list{padding:0 16px}.activity-item{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px solid #e6ebe8}.activity-item>span{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#2f8566}.activity-item strong{font-size:12px}.activity-item p,.activity-item small{color:#718078;font-size:10px}.status-distribution{display:grid;gap:13px;padding:18px}.distribution-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:5px;font-size:12px}.distribution-row span{color:#6b7c74}.distribution-track{height:8px;overflow:hidden;border-radius:99px;background:#e8eeea}.distribution-track span{display:block;height:100%;border-radius:inherit;background:#2c8062}.portal-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(155px,auto) minmax(155px,auto);gap:10px;margin-bottom:14px}.capture-table,.data-table-wrap{display:block;overflow:auto;border:1px solid #d9e2dd;border-radius:10px;background:#fff}.portal-empty{padding:35px;color:#6e7f77;text-align:center}.severity-chip,.status-chip{display:inline-block;padding:3px 7px;border-radius:5px;background:#edf1ef;font-size:10px;font-weight:700}.severity-critical{background:#fde4e5;color:#a42c34}.severity-major{background:#fff0cf;color:#7b590c}.severity-minor{background:#e6f0fb;color:#2f619a}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:13px}.project-card{display:grid;gap:11px;padding:17px;border:1px solid #d9e2dd;border-radius:10px;background:#fff}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.settings-card{display:grid;align-content:start;gap:10px;padding:18px}.settings-card h2{margin-bottom:3px;font-size:17px}.back-button{margin-bottom:15px;border:0;background:transparent;color:#245e4b;padding-left:0}.back-button:hover{background:transparent;text-decoration:underline}.page-heading{align-items:start}.page-heading h1{font-size:clamp(20px,3vw,30px);line-height:1.2;overflow-wrap:anywhere}.page-heading p{margin-top:4px;font-size:12px;overflow-wrap:anywhere}.media-panel{display:grid}.media-panel .panel-inner{padding:16px}.diagnostic-block{margin-top:10px;overflow:auto;max-height:420px}.environment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:8px}.environment-item{display:grid;gap:2px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#f8faf8;overflow-wrap:anywhere}.chapter-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.chapter-button{font-size:12px}.export-row{padding-top:5px}#editor{display:grid;gap:14px}.confirm-dialog{border:1px solid var(--line);border-radius:14px;padding:1.2rem 1.3rem;max-width:420px;width:calc(100% - 2rem);box-shadow:0 18px 40px #1230242e}.confirm-dialog::backdrop{background:#0d1a1573}.confirm-dialog h2{margin-bottom:.4rem}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:#f5f7f6}.auth-card{width:min(440px,100%);display:grid;gap:1rem;padding:1.4rem}.auth-card h1{font-size:24px}.auth-card form{display:grid;gap:.85rem}.auth-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.auth-switch{display:flex;gap:.5rem;flex-wrap:wrap}.share-shell{max-width:1100px;margin:0 auto;padding:28px 20px 60px}.share-shell #editor{margin-top:12px}.screen-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#0d1a15c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.screen-loader[hidden]{display:none!important}.loader-card{width:min(380px,100%);background:#fff;border-radius:14px;padding:1.3rem 1.4rem;display:grid;gap:.5rem;justify-items:start;box-shadow:0 18px 40px #1230242e}.loader-card h2{margin:0;font-size:18px}.spinner{width:1.35rem;height:1.35rem;border-radius:50%;border:3px solid #d7e8df;border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.recent-section,.activity-section,.status-section{grid-column:1;grid-row:auto}}@media(max-width:780px){.portal-sidebar{position:static;width:auto;padding:12px}.portal-brand{padding-bottom:10px}.portal-nav{display:flex;overflow-x:auto}.portal-nav-item{grid-template-columns:auto auto auto;min-width:max-content}.portal-account{display:none}.portal-frame{margin-left:0}.portal-topbar{position:static;padding:10px 14px}.global-search-wrap{width:100%}.portal-content{padding:20px 14px 45px}.portal-toolbar,.settings-grid,.metric-strip,.field-grid{grid-template-columns:minmax(0,1fr)}.portal-table{min-width:760px}}
