:root{--bg:#f3f7fa;--surface:#fff;--surface-2:#f7fafb;--text:#19384c;--muted:#718996;--border:#dbe7ec;--primary:#2386a1;--primary2:#34a18f;--shadow:0 12px 36px rgba(41,78,96,.08);--danger:#c64658;--sidebar:#f8fbfc}
html[data-theme=dark]{--bg:#0c1623;--surface:#132131;--surface-2:#182a3b;--text:#e5f1f5;--muted:#8da5b2;--border:#273d4e;--primary:#32a5c2;--primary2:#41b59c;--shadow:0 14px 40px rgba(0,0,0,.28);--sidebar:#101e2d;color-scheme:dark}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;transition:background .25s,color .25s}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.button{min-height:40px;border:1px solid transparent;border-radius:10px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800}.button.primary{color:#fff;background:linear-gradient(100deg,var(--primary),var(--primary2));box-shadow:0 10px 22px rgba(36,138,152,.16)}.button.outline{border-color:var(--border);background:var(--surface);color:var(--text)}.button.full{width:100%}
.login-body{min-height:100vh;padding:32px;display:grid;place-items:center;overflow:auto;background:radial-gradient(circle at 12% 48%,rgba(75,193,198,.55),transparent 35%),radial-gradient(circle at 88% 44%,rgba(160,192,197,.45),transparent 35%),linear-gradient(125deg,#7790af,#7fa8ba 53%,#a8c7cb)}
.login-stage{width:min(940px,100%);min-height:690px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.login-panel,.help-panel{position:relative;z-index:1;border-radius:20px;box-shadow:0 28px 60px rgba(23,51,70,.28)}.login-panel{padding:32px;background:#fff;color:#162637;text-align:center}.help-panel{padding:30px;background:#111c30;color:#e9f2f7}.login-logo{width:88px;height:72px;margin:0 auto 9px;display:grid;place-items:center}.login-logo img{max-height:70px}.login-logo span{width:64px;height:64px;display:grid;place-items:center;border-radius:22px;color:#fff;background:conic-gradient(from 30deg,#f0b723,#dd4c65,#694fb0,#168ea9,#19a874,#f0b723);font-size:20px;font-weight:900;box-shadow:0 12px 24px #4b72902e}.login-panel h1{margin:0;font-size:23px;letter-spacing:-.03em}.school-name{margin:5px 0 9px;color:#4b6676;font-size:13px}.service-badge{display:inline-block;margin-bottom:24px;padding:6px 11px;border:1px solid #8dd1d5;border-radius:6px;color:#25859b;background:#effafb;font-size:11px;font-weight:800}.login-error{margin:0 0 14px;padding:10px;border-radius:8px;color:#a43443;background:#fde8eb;font-size:11px}.login-form{display:grid;gap:13px;text-align:left}.login-form label{display:grid;gap:6px}.login-form label>span{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.login-form input{width:100%;height:43px;padding:0 12px;border:1px solid #aabac4;border-radius:8px;color:#1d3241;background:#f8fafc;outline:none}.login-form input:focus{border-color:#1fa5b4;box-shadow:0 0 0 3px rgba(31,165,180,.12)}.password-wrap{display:grid;grid-template-columns:1fr 44px}.password-wrap input{border-radius:8px 0 0 8px}.password-wrap button{border:1px solid #aabac4;border-left:0;border-radius:0 8px 8px 0;background:#eef3f6;color:#526b79}.captcha-row{display:grid;grid-template-columns:150px 1fr;gap:15px}.captcha-code{height:42px;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid #93a9b7;border-radius:6px;color:#25394d;background:repeating-linear-gradient(-12deg,#eaf0f3 0,#eaf0f3 5px,#d3dde3 6px,#eaf0f3 8px);font-size:21px;letter-spacing:6px;font-style:italic;transform:skew(-3deg)}.captcha-code:after{content:"";position:absolute;left:5%;right:5%;top:48%;height:1px;background:#79909d;transform:rotate(-7deg)}.login-submit{height:45px;border:0;border-radius:8px;color:#fff;background:linear-gradient(90deg,#0db8c9,#12bb82);font-weight:900;box-shadow:0 9px 20px rgba(15,184,164,.22)}.login-divider{margin:20px 0 14px;display:flex;align-items:center;gap:12px;color:#71828c;font-size:9px;font-weight:900}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#c9d5da}.level-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.level-chips span{padding:8px;border:1px solid #bbcbd2;border-radius:7px;color:#3a6673;background:#fafcfd;font-size:10px;font-weight:900}.login-panel footer{margin-top:22px;color:#72838c;font-size:11px}.login-panel footer small{margin-top:4px;display:block;font-size:9px}.help-panel h2{margin:0 0 25px;display:flex;gap:9px;align-items:center;font-size:18px}.help-panel h2 span{color:#15c1de}.help-list{display:grid;gap:22px}.help-list article{display:grid;grid-template-columns:44px 1fr;gap:13px}.help-list i{width:44px;height:44px;display:grid;place-items:center;border:1px solid #16566e;border-radius:10px;color:#12bad8;background:#0d3046;font-style:normal}.help-list strong{font-size:13px}.help-list p{margin:4px 0 0;color:#91a0ae;font-size:10px;line-height:1.65}.hotline{margin-top:85px;padding:15px;border:1px dashed #20a88f;border-radius:14px;background:#153b4a;text-align:center}.hotline.secondary{margin-top:68px}.hotline span{padding:6px;display:block;border-radius:6px;color:#fff;background:#0fb985;font-size:10px;font-weight:800}.hotline strong{margin-top:5px;display:block;font-size:23px}.hotline strong.email-value{font-size:14px;word-break:break-all}.dot-pattern{position:absolute;width:130px;height:130px;background-image:radial-gradient(#b7b3ff 2px,transparent 2px);background-size:16px 16px;opacity:.7}.pattern-one{left:-25px;bottom:-15px}.pattern-two{right:-45px;top:-45px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;padding:18px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--sidebar);transition:transform .25s}.sidebar-brand{padding:5px 3px 25px;display:flex;align-items:center;gap:11px}.brand-logo{width:43px;height:43px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:14px;color:#fff;background:linear-gradient(140deg,var(--primary),var(--primary2));font-weight:900}.brand-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.sidebar-brand>div:nth-child(2){min-width:0;display:grid}.sidebar-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.sidebar-brand small{color:var(--muted);font-size:10px}.sidebar-close{display:none;margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:25px}.sidebar-nav{display:grid;gap:5px}.sidebar-nav a{padding:11px 12px;border-radius:11px;display:flex;align-items:center;gap:11px;color:var(--muted);font-size:12px;font-weight:750}.sidebar-nav a:hover{background:var(--surface-2);color:var(--text)}.sidebar-nav a.active{color:var(--primary);background:linear-gradient(95deg,rgba(38,146,163,.14),rgba(62,165,148,.08));box-shadow:inset 3px 0 var(--primary)}.nav-icon{width:21px;text-align:center;font-size:17px}.nav-label{margin:21px 10px 6px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.15em}.sidebar-account{margin-top:auto;padding:12px;border:1px solid var(--border);border-radius:15px;display:flex;align-items:center;gap:9px;background:var(--surface)}.account-avatar,.top-avatar{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));font-size:12px;font-weight:900}.sidebar-account>div:last-child{min-width:0;display:grid}.sidebar-account strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.sidebar-account small{color:var(--muted);font-size:9px}.logout-link{margin-top:8px;padding:10px 13px;border-radius:10px;color:var(--muted);font-size:11px;font-weight:800}.logout-link:hover{color:#c34a5a;background:rgba(200,70,90,.08)}.sidebar-overlay{display:none}
.app-main{min-width:0;display:flex;flex-direction:column}.topbar{min-height:75px;position:sticky;top:0;z-index:20;padding:11px clamp(16px,3vw,36px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--surface) 89%,transparent);backdrop-filter:blur(16px)}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-left small{color:var(--muted);font-size:9px}.topbar h1{margin:2px 0 0;font-size:18px}.menu-toggle{display:none;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.topbar-actions{display:flex;align-items:center;gap:9px}.access-pill{padding:7px 11px;border-radius:99px;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);font-size:9px;font-weight:900}.theme-toggle{width:52px;height:31px;position:relative;border:1px solid var(--border);border-radius:99px;background:var(--surface-2);color:var(--text)}.theme-toggle span{position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s}.theme-toggle .sun{left:8px}.theme-toggle .moon{right:8px;opacity:.35}html[data-theme=dark] .theme-toggle .sun{opacity:.35}html[data-theme=dark] .theme-toggle .moon{opacity:1}.main-content{width:100%;max-width:1500px;margin:0 auto;padding:clamp(20px,3vw,36px);flex:1}.app-footer{padding:15px;border-top:1px solid var(--border);color:var(--muted);text-align:center;font-size:9px}
.alert{margin-bottom:18px;padding:12px 15px;border-radius:11px;font-size:11px}.alert-success{color:#247661;background:#dff3ec}.alert-error{color:#a03a48;background:#fde8eb}.page-heading{margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.page-heading>div>span,.eyebrow,.panel-title>div>span{color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.14em}.page-heading h2{margin:4px 0;color:var(--text);font-size:30px;letter-spacing:-.035em}.page-heading p{margin:0;color:var(--muted);font-size:11px}.panel{padding:23px;border:1px solid var(--border);border-radius:21px;background:var(--surface);box-shadow:var(--shadow)}.panel-title{margin-bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title h3{margin:4px 0 0;font-size:15px}.panel-title>a{color:var(--primary);font-size:10px;font-weight:800}
.welcome-card{min-height:215px;padding:36px;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:27px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 72% 18%,rgba(255,255,255,.55),transparent 26%),linear-gradient(115deg,color-mix(in srgb,#8ed4c6 34%,var(--surface)),color-mix(in srgb,#a8c9ef 34%,var(--surface)) 60%,color-mix(in srgb,#d8b7e5 28%,var(--surface)));box-shadow:var(--shadow)}.welcome-card h2{margin:7px 0;color:var(--text);font-size:34px;letter-spacing:-.04em}.welcome-card p{max-width:620px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}.welcome-actions{margin-top:20px;display:flex;gap:9px}.welcome-symbol{width:120px;height:120px;flex:0 0 auto;border:12px solid rgba(255,255,255,.42);border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--primary),var(--primary2));font-size:45px;box-shadow:0 22px 45px rgba(34,111,129,.22)}.student-welcome{min-height:190px}.stats-grid{margin:15px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{min-height:116px;padding:18px;border:1px solid var(--border);border-radius:19px;display:flex;align-items:center;gap:13px;background:var(--surface);box-shadow:var(--shadow)}.stat-card i{width:46px;height:46px;flex:0 0 auto;border-radius:15px;display:grid;place-items:center;font-style:normal;font-weight:900}.stat-card i.blue{color:#287aa1;background:#e2f0f7}.stat-card i.green{color:#2f806c;background:#def2e9}.stat-card i.amber{color:#9f7130;background:#f7ecd5}.stat-card i.violet{color:#765c9f;background:#ede6f5}.stat-card>div{display:grid}.stat-card span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.stat-card strong{margin:2px 0;font-size:23px}.stat-card small{color:var(--muted);font-size:9px}.dashboard-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px}.level-summary{display:grid;gap:12px}.level-summary>div{display:grid;grid-template-columns:45px 86px 1fr;align-items:center;gap:10px}.level{padding:6px 7px;border-radius:8px;font-size:9px}.level-tk{color:#8d4d88;background:#f4e6f2}.level-sd{color:#267b68;background:#ddf2e9}.level-smp{color:#246d98;background:#e0eef8}.level-sma{color:#816027;background:#f7edcf}.level-summary>div>div:nth-child(2){display:grid}.level-summary strong{font-size:10px}.level-summary small{color:var(--muted);font-size:8px}.bar{height:5px;border-radius:99px;background:var(--surface-2);overflow:hidden}.bar span{height:100%;display:block;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--primary2))}.recent-list{display:grid}.recent-list>a{padding:10px 1px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:9px}.recent-list>a:last-child{border:0}.student-initial{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;font-size:11px;font-weight:900}.recent-list>a>div,.student-cell>div{min-width:0;display:grid}.recent-list strong,.student-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.recent-list small,.student-cell small{color:var(--muted);font-size:8px}.recent-list em{color:var(--muted);font-size:8px;font-style:normal}
.table-panel{padding:0;overflow:hidden}.table-tools{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.search-control{max-width:500px;min-width:220px;flex:1;position:relative}.search-control span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}input,select,textarea{border:1px solid var(--border);border-radius:9px;color:var(--text);background:var(--surface-2);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.search-control input{width:100%;height:40px;padding:0 12px 0 37px}.table-tools select{height:40px;padding:0 12px}.data-count{padding:7px 10px;border-radius:99px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);font-size:9px}.table-scroll{overflow-x:auto}table{width:100%;min-width:750px;border-collapse:collapse}th,td{padding:13px 17px;border-bottom:1px solid var(--border);text-align:left;font-size:10px}th{color:var(--muted);background:var(--surface-2);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.student-cell{display:flex;align-items:center;gap:9px}.status{display:inline-block;padding:5px 8px;border-radius:99px;font-size:8px;font-weight:800}.status.complete{color:#27765f;background:#dff3ea}.status.pending{color:#966a2c;background:#faefd5}.row-actions{display:flex;gap:5px;align-items:center}.row-actions a,.row-actions button{border:0;border-radius:7px;padding:6px 8px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);font-size:8px;font-weight:800}.row-actions button{color:#b34452;background:#fbe8eb}.row-actions form{display:inline}.empty-state{padding:50px;text-align:center}.empty-state strong{font-size:14px}.empty-state p{color:var(--muted);font-size:10px}
.student-form{display:grid;gap:25px}.form-section{padding-bottom:26px;border-bottom:1px solid var(--border)}.form-section:last-of-type{border-bottom:0}.section-title{margin-bottom:19px;display:flex;align-items:center;gap:11px}.section-title>b{width:41px;height:41px;border-radius:13px;display:grid;place-items:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);font-size:10px}.section-title h3{margin:0;font-size:16px}.section-title p{margin:2px 0 0;color:var(--muted);font-size:9px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label,.stack-form label{display:grid;gap:6px}.form-grid label>span,.stack-form label>span{color:var(--muted);font-size:9px;font-weight:850}.form-grid input,.form-grid select,.stack-form input,.stack-form select{width:100%;height:40px;padding:0 11px}.form-grid textarea{width:100%;min-height:76px;padding:10px;resize:vertical}.form-grid .wide{grid-column:1/-1}.family-group{margin-top:12px;padding:17px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.family-group h4{margin:0 0 14px;font-size:11px}.upload-grid{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.upload-grid label,.file-upload{min-height:110px;padding:15px;border:1px dashed color-mix(in srgb,var(--primary) 45%,var(--border));border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--surface-2);text-align:center;cursor:pointer}.upload-grid strong,.file-upload b{font-size:10px}.upload-grid small,.file-upload small{color:var(--muted);font-size:8px}.upload-grid input,.file-upload input{width:100%;margin-top:7px;font-size:8px}.form-submit{display:flex;align-items:center;justify-content:space-between;gap:15px}.check-confirm{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.check-confirm input{accent-color:var(--primary)}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:15px}.branding-panel{align-self:start}.brand-preview{margin-bottom:16px;padding:22px;border-radius:16px;display:grid;place-items:center;background:var(--surface-2);text-align:center}.brand-preview>div{width:86px;height:86px;margin-bottom:9px;border-radius:20px;overflow:hidden;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--primary),var(--primary2));font-weight:900}.brand-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.brand-preview strong{font-size:12px}.brand-preview small{color:var(--muted);font-size:8px}.file-upload{margin:10px 0;align-items:flex-start;text-align:left}.users-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:15px}.user-list{display:grid}.user-list article{padding:10px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:37px minmax(0,1fr) auto auto;align-items:center;gap:9px}.user-list article>div:nth-child(2){min-width:0;display:grid}.user-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.user-list small{color:var(--muted);font-size:8px}.user-list form{display:flex;gap:4px}.user-list button{border:0;border-radius:6px;padding:5px 7px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);font-size:7px}.stack-form{display:grid;gap:12px}.narrow-panel{max-width:540px}.profile-card{max-width:900px}.profile-head{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px}.profile-head .student-initial{width:52px;height:52px;border-radius:16px;font-size:17px}.profile-head h3{margin:0;font-size:19px}.profile-head p{margin:2px 0;color:var(--muted);font-size:9px}.profile-details{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.profile-details>div{padding:13px;border-radius:11px;display:grid;gap:3px;background:var(--surface-2)}.profile-details span{color:var(--muted);font-size:8px}.profile-details strong{font-size:10px}.document-list{margin-top:20px;padding:15px;border-radius:13px;background:var(--surface-2);display:grid;gap:7px}.document-list h4{margin:0 0 5px;font-size:11px}.document-list span,.document-list p{color:var(--muted);font-size:9px}
@media(max-width:1060px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}.upload-grid{grid-template-columns:repeat(2,1fr)}.settings-grid,.users-layout{grid-template-columns:1fr}.branding-panel{align-self:auto}}
@media(max-width:820px){.login-body{padding:18px}.login-stage{grid-template-columns:1fr;max-width:500px}.help-panel{min-height:530px}.hotline{margin-top:55px}.app-shell{display:block}.sidebar{width:270px;position:fixed;z-index:50;left:0;transform:translateX(-105%);box-shadow:20px 0 50px rgba(0,0,0,.25)}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-overlay{display:block;position:fixed;inset:0;z-index:40;background:rgba(5,18,29,.48)}.sidebar-close,.menu-toggle{display:block}.topbar-left small{display:none}}
@media(max-width:580px){.login-panel,.help-panel{padding:24px 19px;border-radius:16px}.captcha-row{grid-template-columns:120px 1fr}.help-panel{min-height:0}.hotline,.hotline.secondary{margin-top:30px}.topbar{min-height:65px;padding:9px 12px}.access-pill{display:none}.main-content{padding:16px 12px}.welcome-card{min-height:0;padding:25px 20px}.welcome-card h2{font-size:25px}.welcome-symbol{display:none}.welcome-actions{align-items:stretch;flex-direction:column}.stats-grid,.stats-grid.three{grid-template-columns:1fr 1fr}.stat-card{min-height:105px;padding:13px}.stat-card i{width:40px;height:40px}.stat-card strong{font-size:18px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .button{width:100%}.page-heading h2{font-size:25px}.panel{padding:17px;border-radius:17px}.table-tools{align-items:stretch;flex-direction:column}.search-control{min-width:0;max-width:none}.form-grid,.form-grid.two{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.upload-grid{grid-template-columns:1fr}.form-submit{align-items:stretch;flex-direction:column}.form-submit .button{width:100%}.profile-details{grid-template-columns:1fr}.user-list article{grid-template-columns:37px minmax(0,1fr) auto}.user-list article form{grid-column:2/-1}.settings-grid,.users-layout{gap:12px}}
.button.secondary{color:#fff;background:linear-gradient(100deg,#64748b,#475569)}.button.compact{min-height:34px;padding:7px 10px}.eyebrow{display:block;color:var(--primary);font-size:8px;font-weight:900;letter-spacing:.13em}.exchange-panel{margin-bottom:15px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.2fr);align-items:center;gap:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}.exchange-panel h3{margin:3px 0 5px;font-size:15px}.exchange-panel p{margin:0;color:var(--muted);font-size:9px;line-height:1.6}.exchange-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.exit-data{margin-top:20px;padding:18px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--primary) 5%,var(--surface-2))}.exit-data>div:first-child{margin-bottom:15px}.exit-data h4{margin:4px 0 3px;font-size:12px}.exit-data p{margin:0;color:var(--muted);font-size:9px}.saved-documents{margin-top:16px;padding:14px;border-radius:13px;background:var(--surface-2)}.saved-documents>strong{display:block;margin-bottom:8px;font-size:10px}.saved-documents>div{display:flex;flex-wrap:wrap;gap:7px}.saved-documents a{padding:7px 9px;border:1px solid var(--border);border-radius:8px;color:var(--primary);background:var(--surface);font-size:8px;font-weight:800}.import-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:15px}.import-card{display:grid;align-content:start;gap:15px}.import-card>label{display:grid;gap:7px}.import-card>label span{color:var(--muted);font-size:9px;font-weight:850}.import-card>label small{color:var(--muted);font-size:8px}.import-card select,.import-card input{width:100%;min-height:42px;padding:9px 11px}.import-errors{margin-top:15px}.import-errors h3{margin-top:0;font-size:14px}.import-errors li,.import-errors p{color:var(--muted);font-size:9px;line-height:1.7}
@media(max-width:900px){.exchange-panel,.import-layout{grid-template-columns:1fr}.exchange-actions{justify-content:flex-start}}
@media(max-width:580px){.exchange-actions{align-items:stretch;display:grid;grid-template-columns:1fr 1fr}.exchange-actions .button{width:100%}.exchange-actions .button.primary,.exchange-actions .button.secondary{grid-column:1/-1}}