:root{--bg:#111923;--side:#111b25;--surface:#192534;--surface2:#203040;--surface3:#293a4b;--line:#2b3b4a;--text:#f0f6f8;--sub:#a4b4c1;--muted:#788f9e;--mint:#79e6be;--mint-dark:#163f37;--orange:#ffb76b;--blue:#83b8ff;--purple:#b7a6fa;--red:#ff9197;--shadow:0 18px 60px #0000001d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--mint)}h1,h2,p{margin-top:0}h1{font-size:clamp(28px,3vw,35px);line-height:1.18;letter-spacing:-.047em;font-weight:780}h2{font-size:17px;line-height:1.3;font-weight:720;letter-spacing:-.015em}p{color:var(--sub)}small{font-size:12px}::selection{background:#47b69377}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.layout{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(155deg,#14212e 0%,#101924 80%);border-right:1px solid #253543;padding:31px 18px 20px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:13px;margin:0 8px 50px}.brand-mark{background:var(--mint);color:#0c2430;width:49px;height:49px;border-radius:13px;display:grid;place-items:center;font-weight:900;letter-spacing:-.11em;font-size:19px}.brand-mark span{color:#27745d}.side-brand strong{font-size:17px;letter-spacing:-.055em}.side-brand small{display:block;color:#7194a7;font-size:10px;letter-spacing:.15em;margin-top:2px}.side-caption{font-size:10px;font-weight:800;letter-spacing:.16em;color:#5f8094;margin:0 14px 13px}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#a4b5c2;text-align:left;border-radius:11px;padding:12px 14px;display:flex;align-items:center;gap:11px;font-weight:630;white-space:nowrap}.nav-item:hover{background:#263748;color:#ecf6f7}.nav-item.active{background:#274839;color:var(--mint);box-shadow:inset 3px 0 var(--mint)}.nav-ico{width:23px;font-size:22px;text-align:center;line-height:1}.side-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid #2b3b49;padding:20px 4px 0}.user-avatar,.avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#315040;color:var(--mint);font-weight:800;flex:0 0 auto}.user-info{min-width:0;flex:1}.user-info strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info small{color:#849aaa}.icon-button,.table-btn{background:transparent;border:1px solid transparent;color:#9cadb9;min-width:33px;min-height:33px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:3px;font-size:18px}.icon-button:hover,.table-btn:hover{border-color:#526477;background:#293c4c;color:var(--text)}.workspace{display:flex;min-width:0;flex-direction:column}.topbar{height:89px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:15px clamp(22px,4vw,55px);gap:20px;background:#131e2a}.top-label{font-weight:800;letter-spacing:.13em;font-size:10px;color:#7890a1}.party-select-row{display:flex;gap:8px;align-items:center;margin-top:4px}.party-select-row select{font-size:16px;font-weight:700;letter-spacing:-.02em;background:transparent;border:0;color:var(--text);max-width:min(390px,48vw);min-width:190px;cursor:pointer;padding:2px 22px 2px 0}.party-select-row option{color:#15212d;background:#e9f5f0}.mini-add{border:1px solid #335548;color:var(--mint);background:var(--mint-dark);width:30px;height:29px;border-radius:7px;font-size:20px;line-height:0}.mini-add:hover{background:#225843}.header-right{display:flex;align-items:center;gap:10px}.online-dot{height:7px;width:7px;background:var(--mint);border-radius:100%;box-shadow:0 0 0 4px #79e6be11}.online-txt{color:#829cad;font-size:12px;margin-right:12px}.main-content{width:min(1450px,100%);margin:0 auto;flex:1;padding:39px clamp(22px,4vw,55px) 65px}.footer{padding:14px clamp(22px,4vw,55px);display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;font-weight:650;color:#638093;letter-spacing:.09em;gap:14px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px}.heading h1{margin:7px 0 9px}.heading .eyebrow,.eyebrow{font-size:10px;font-weight:850;letter-spacing:.22em;color:var(--mint)}.section-desc{font-size:14px;margin:0;color:#9bb0be}.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-bottom:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:1px solid transparent;border-radius:10px;padding:11px 16px;font-weight:750;font-size:13px;transition:transform .12s,background .12s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{color:#153125;background:var(--mint);border-color:var(--mint)}.btn.primary:hover{background:#9cf4d2}.btn.secondary{color:#d6e5eb;background:#243443;border-color:#354857}.btn.secondary:hover{background:#32465a}.btn.danger{color:#ffb4bb;background:#4d2934;border-color:#743d4c}.btn.small{padding:8px 13px;font-size:12px}.btn.wide{width:100%}.pill{border-radius:8px;display:inline-flex;align-items:center;gap:5px;background:#2b3b49;color:#b9c8d2;font-weight:730;font-size:11px;padding:4px 9px;white-space:nowrap}.pill.mint,.pill.active{background:#1c433b;color:#8be9c9}.pill.blue{background:#203e59;color:#9bc8ff}.pill.warning,.pill.planning{background:#473a2b;color:#ffc784}.pill.closed{background:#383f4d;color:#bbc7d8}.pill.muted{background:#2b3a48;color:#c6d3d9}.overview-tag-row{margin-top:-12px;margin-bottom:24px;display:flex;align-items:center;gap:12px;color:#90a7b8;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.stat-card{min-height:143px;background:linear-gradient(170deg,#203041,#192533);border:1px solid var(--line);border-radius:15px;padding:20px 21px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;width:88px;height:88px;right:-44px;top:-33px;border-radius:100%;background:currentColor;opacity:.055}.stat-card.mint{color:var(--mint)}.stat-card.blue{color:var(--blue)}.stat-card.purple{color:var(--purple)}.stat-card.orange{color:var(--orange)}.stat-label{color:#adbeca;font-size:12px;font-weight:660;line-height:1.3}.stat-value{font-size:clamp(23px,2.15vw,32px);font-weight:800;letter-spacing:-.055em;margin:12px 0 9px;line-height:1.07}.stat-detail{font-size:11px;color:#8299a9}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.panel,.table-panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden}.panel{padding:24px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.panel-title h2{margin:0 0 5px}.panel-title p{margin:0;color:#839bab;font-size:12px}.progress-track{background:#2d4251;border-radius:7px;height:9px;overflow:hidden;margin:25px 0}.progress-track div{height:100%;background:linear-gradient(90deg,#3cae87,#8bf1cb);border-radius:7px}.duo-figures{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}.duo-figures>div{border:1px solid #304657;padding:13px;border-radius:10px;background:#1a2a39}.duo-figures small{display:block;color:#8ba6b6;margin-bottom:7px}.duo-figures strong{font-size:20px;letter-spacing:-.03em}.duo-figures.larger strong{font-size:clamp(19px,2vw,26px)}.panel-foot{margin-top:24px}.text-action{background:none;border:0;color:var(--mint);font-weight:730;font-size:12px;padding:0}.text-action:hover{text-decoration:underline}.bar-list{display:flex;flex-direction:column;gap:15px}.bar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:7px}.bar-head span{display:flex;align-items:center;gap:9px}.bar-head b{white-space:nowrap}.bar-head small{font-weight:450;color:#718b9f}.color-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px;flex:0 0 auto}.bar-bg{background:#304254;height:8px;border-radius:3px;position:relative;overflow:hidden}.bar-plan{height:8px;background:#a1bbcf55;border-radius:3px}.bar-actual{height:4px;position:absolute;top:2px;left:0;max-width:100%;border-radius:3px}.hint,.muted-copy{color:#859eaf;font-size:12px}.quick-list{margin-top:-3px}.quick-row{border:0;border-top:1px solid #2e4252;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 0;text-align:left;color:#eef5f7;background:transparent}.quick-row:first-child{border-top:0}.quick-row:hover{color:var(--mint)}.quick-row span{font-size:13px;font-weight:650}.quick-row small{display:block;font-weight:400;color:#879eae}.quick-row strong{color:var(--orange);font-size:12px;white-space:nowrap}.good-empty,.empty-content{font-size:13px;color:#a3b9c6;padding:18px 0}.good-empty{color:var(--mint)}.mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:21px}.mini-stat{border:1px solid var(--line);background:#1a2937;border-radius:11px;padding:14px 17px}.mini-stat small{color:#8da5b5;display:block;margin-bottom:4px}.mini-stat strong{font-size:20px;letter-spacing:-.035em}.filters{display:flex;align-items:center;gap:12px;margin-bottom:18px}.filters input[type=search],.filters select{background:#1a2937;border:1px solid #344859;color:var(--text);border-radius:9px;padding:11px 13px;min-width:0}.filters input[type=search]{flex:1}.filters select{width:205px}.filter-check{color:#abbfca;white-space:nowrap;display:flex;gap:8px;align-items:center;font-size:13px;cursor:pointer}.filter-check input{accent-color:var(--mint)}.table-panel{margin-bottom:18px}.group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}.group-head h2{margin:0;display:flex;align-items:center;font-size:15px}.group-head h2 span{background:#2a3c4a;font-size:11px;color:#b6cbd6;padding:1px 7px;border-radius:7px;margin-left:9px}.group-sum{font-size:12px;font-weight:630;color:#9ab0c0}.table-scroll{overflow:auto;scrollbar-color:#425969 transparent}.data-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap;text-align:left}.data-table th{color:#7e96a7;font-weight:750;background:#1c2a39;text-transform:uppercase;letter-spacing:.045em;font-size:10px;border-bottom:1px solid #34495a;padding:12px 14px}.data-table td{padding:13px 14px;border-bottom:1px solid #2c3e4c;vertical-align:middle;color:#cfdae2}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#233647}.data-table .weight{font-size:13px;font-weight:800;color:#ebf3f4}.item-name-cell{min-width:165px;white-space:normal}.item-link{border:0;background:transparent;color:#eff7fa;font-weight:800;padding:0;font-size:13px;text-align:left;display:block}.item-link:hover{color:var(--mint)}.item-sub{display:block;font-size:11px;color:#7897a7;margin-top:2px}.row-actions{display:inline-flex;align-items:center;gap:3px}.danger-text{color:var(--red)!important}.table-note{font-size:12px;color:#869cac;line-height:1.6}.empty-state{text-align:center;padding:58px 22px;background:var(--surface);border:1px dashed #425569;border-radius:15px}.empty-state h2{font-size:21px}.empty-state p{max-width:460px;margin:10px auto 25px}.empty-symbol{font-size:44px;color:var(--mint);margin-bottom:8px}.notice,.info-strip{border:1px solid #405369;background:#1c3041;color:#a9c2d2;border-radius:10px;padding:13px 16px;font-size:12px;margin:18px 0;line-height:1.6}.info-strip strong,.notice strong{color:#e4eff4}.payment-details{margin-top:8px;max-width:360px}.payment-details summary{cursor:pointer;color:#8adfbd;font-size:11px}.payment-line{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#9cb2be;font-size:11px;padding:4px 0;border-bottom:1px solid #344457;white-space:normal}.category-list{display:flex;flex-direction:column}.category-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;gap:12px;border-bottom:1px solid #2d3d4b}.category-row:last-child{border-bottom:0}.category-identity{display:flex;align-items:center;gap:14px;min-width:0}.category-identity strong{display:block;color:#f1f6f8;font-size:14px}.category-identity small{display:block;color:#87a0af;margin-top:2px}.category-square{display:block;width:35px;height:35px;border-radius:10px;flex:0 0 auto}.comment-composer{margin-bottom:17px}.comment-composer h2{margin-bottom:18px}.comment-composer form{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.comment-composer form label{width:100%}.comment-composer select{max-width:450px}.comment-stream{display:flex;flex-direction:column}.comment{display:flex;align-items:flex-start;gap:13px;padding:18px 0;border-bottom:1px solid var(--line)}.comment:last-child{border-bottom:0}.comment-body{min-width:0;flex:1}.comment-body p{color:#d2dfe4;font-size:13px;white-space:normal;margin:8px 0 0;line-height:1.6;overflow-wrap:anywhere}.comment-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.comment-meta strong{font-size:12px}.comment-meta span:not(.pill){color:#7f9cae;font-size:11px}.avatar{background:#264954;color:#b2e9ef}.audit-row{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.audit-row:last-child{border-bottom:0}.audit-icon{color:var(--mint);background:#24473d;border-radius:8px;width:31px;height:31px;display:grid;place-items:center;font-size:19px;flex:0 0 auto}.audit-text{min-width:0;color:#d7e5e9;overflow-wrap:anywhere;font-size:13px}.audit-text b{color:var(--mint);font-weight:700}.audit-text small{display:block;color:#7897a8;margin:4px 0 7px}.audit-text summary{cursor:pointer;color:#89b5d3;font-size:11px}.audit-changes{background:#1c2d3a;border-radius:8px;padding:10px;margin-top:7px;font-size:11px}.audit-changes div{margin:3px 0}.audit-changes del{color:#ffadb3}.audit-changes ins{color:#9cf1cb}.audit-list{margin-bottom:22px}.empty-hero{padding:75px 8px;text-align:center}.empty-mark{display:grid;place-items:center;font-size:53px;font-weight:900;border-radius:27px;background:#294638;color:var(--mint);width:105px;height:105px;margin:0 auto 33px}.empty-hero h1{font-size:clamp(31px,6vw,53px);margin:15px 0}.accent{color:var(--mint)}.empty-hero p{max-width:450px;margin:0 auto 25px}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% -10%,#275548 0,#111923 59%)}.auth-card{width:min(440px,100%);padding:40px;background:#1a2936;border:1px solid #34495b;box-shadow:var(--shadow);border-radius:19px}.brand-badge{width:60px;height:60px;border-radius:15px;background:var(--mint);color:#162c2b;display:grid;place-items:center;font-weight:900;letter-spacing:-.14em;font-size:24px;margin-bottom:23px}.brand-badge span{color:#268d6e}.auth-card h1{font-size:43px;margin:8px 0}.auth-sub{margin-bottom:27px}.form-stack{display:flex;flex-direction:column;gap:16px}label{font-size:12px;font-weight:700;color:#bfd0da;display:block}label input,label textarea,label select{display:block;width:100%;margin-top:8px;border:1px solid #415567;border-radius:9px;background:#121e2a;color:#f0f6f8;padding:11px 13px;font-size:14px;font-weight:450;outline:0}input[type=color]{height:43px;padding:5px;cursor:pointer}textarea{resize:vertical;min-height:72px}label input::placeholder,label textarea::placeholder{color:#668094}.form-stack .btn{margin-top:7px;justify-content:space-between;padding:14px 17px}.form-error{color:#ffc0c4;background:#5a2d3880;border:1px solid #9c4b62;border-radius:9px;padding:10px;margin:3px 0 0;font-size:12px}.micro{color:#718b9b;font-size:11px;margin:28px 0 0;text-align:center}.modal-backdrop{position:fixed;inset:0;background:#03090ed6;display:grid;place-items:center;z-index:100;padding:17px}.modal{width:min(660px,100%);max-height:min(90vh,850px);overflow:auto;border:1px solid #41596b;border-radius:16px;background:#1a2a38;box-shadow:0 30px 110px #000a}.modal-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:24px 25px 17px;border-bottom:1px solid #314655}.modal-top h2{font-size:23px;margin:4px 0 6px}.modal-top p{font-size:12px;margin:0}.modal-close{border:0;color:#aabecb;background:transparent;font-size:26px;line-height:1;padding:0 3px}.modal-close:hover{color:var(--text)}.modal-body{padding:21px 25px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 15px}.form-grid .full{grid-column:1/-1}.modal-footer{border-top:1px solid #314655;padding:18px 25px;display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.modal-footer .danger{margin-right:auto}.form-help{background:#223b47;border-left:3px solid #85ddbd;border-radius:7px;padding:10px 13px;margin-top:18px;color:#aec9d7;font-size:11px}.calc-preview{margin-top:13px;border:1px solid #305c4d;background:#183c34;color:#b2e6d1;padding:13px;border-radius:9px;font-size:12px;font-weight:650}.check-label{display:flex;align-items:center;gap:11px;align-self:end;padding-bottom:9px}.check-label input{width:auto;margin:0;accent-color:var(--mint)}.toast{position:fixed;bottom:23px;right:22px;z-index:200;background:#255e4a;color:#d2ffed;border:1px solid #5a9e85;border-radius:10px;padding:13px 18px;box-shadow:var(--shadow);font-size:13px;font-weight:650;max-width:min(440px,calc(100vw - 44px))}.toast-error{background:#5d2936;border-color:#a34e60;color:#fff0f1}
@media(max-width:1200px){.layout{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.online-txt,.online-dot{display:none}}
@media(max-width:860px){.layout{display:block}.sidebar{position:relative;width:100%;height:auto;padding:9px 16px 0;border-right:0;border-bottom:1px solid var(--line)}.side-brand{margin:3px 0 11px}.side-brand .brand-mark{height:34px;width:34px;border-radius:9px;font-size:14px}.side-brand strong{font-size:14px}.side-brand small{font-size:9px}.side-caption,.side-bottom{display:none}.nav{overflow:auto;scrollbar-width:none;flex-direction:row;margin:0 -16px;padding:0 16px 7px;gap:6px}.nav::-webkit-scrollbar{display:none}.nav-item{padding:9px 10px;font-size:12px;border-radius:8px;flex-shrink:0;gap:6px}.nav-ico{width:14px;font-size:15px}.nav-item.active{box-shadow:inset 0 -3px var(--mint)}.topbar{height:auto;min-height:73px;padding:13px 18px}.main-content{padding:25px 18px 50px}.footer{padding:14px 18px}}
@media(max-width:690px){.heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.heading h1{font-size:28px}.heading-actions{justify-content:flex-start;width:100%}.heading-actions .btn{flex:1}.split-grid{grid-template-columns:1fr}.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{flex-wrap:wrap}.filters input[type=search]{flex-basis:100%}.filters select{flex:1}.topbar .header-right>.btn{font-size:11px;padding:8px}.party-select-row select{max-width:46vw;min-width:110px;font-size:14px}.modal{max-height:94vh}.modal-top,.modal-body,.modal-footer{padding-left:17px;padding-right:17px}.form-grid{grid-template-columns:1fr;gap:13px}.stat-card{min-height:130px;padding:16px}.stat-value{font-size:24px}.panel{padding:18px}.bar-head{font-size:11px}.bar-head b{font-size:10px}.overview-tag-row{margin-top:0}.group-head{padding:15px}.footer span:last-child{display:none}}
@media(max-width:390px){.stat-grid{gap:9px}.stat-card{padding:14px}.stat-value{font-size:21px}.stat-detail{font-size:10px}.btn{font-size:12px;padding:10px 12px}.heading-actions{gap:7px}.side-brand{margin-bottom:6px}.party-select-row select{max-width:41vw}.mini-stat strong{font-size:17px}}
@media print{body{background:white;color:black}.sidebar,.topbar,.footer,.heading-actions,.filters,.row-actions,.table-note,.info-strip{display:none!important}.layout{display:block}.main-content{padding:0}.table-panel,.panel{background:white;color:black;border:1px solid #ccc;break-inside:avoid}.data-table td,.data-table th{color:black!important;border-color:#bbb}.data-table th{background:#eee!important}.heading h1{color:black}.section-desc{color:#666}}

/* v1.1 – gut lesbare Schrift und reduzierte Bedienung. Keine Webfonts, Filter oder Text-Schatten. */
html{-webkit-text-size-adjust:100%}
body{font-family:"Segoe UI Variable Text","Segoe UI",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.55;font-weight:400;letter-spacing:0;color:#f5f8fb;text-rendering:optimizeLegibility}
h1,h2,h3,.side-brand strong,.stat-value,.mini-stat strong,.item-link,.simple-values strong{letter-spacing:-.015em;text-shadow:none}
h1{font-size:clamp(29px,3vw,38px);font-weight:700;line-height:1.2}
h2{font-size:18px;font-weight:700}
button,input,textarea,select{font-family:inherit;letter-spacing:normal;text-shadow:none}
button{font-weight:600}
.nav-item{font-size:14px;font-weight:600;color:#c9d8e4}
.nav-item.active{color:#b9ffe1}
.side-caption,.top-label,.eyebrow{letter-spacing:.09em;font-weight:700}
.section-desc,p,.item-sub,.table-note,.stat-detail,.group-sum,.hint,.muted-copy{color:#b8c9d6}
.data-table{font-size:14px}
.data-table th{font-size:12px;letter-spacing:.02em;color:#b9cbd8}
.data-table td{font-size:14px;color:#e2edf4}
.data-table .weight,.item-link{font-weight:700;font-size:15px}
.item-sub{font-size:13px}
label{font-size:14px;font-weight:650;color:#d4e4ee}
label input,label textarea,label select{font-size:16px;font-weight:400;min-height:45px;background:#111f2c;border-color:#526979;color:#fff}
label textarea{min-height:92px}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #92f3cb;outline-offset:2px}
.btn{font-weight:650;min-height:42px}
.btn.small{min-height:39px}
.modal-top p,.modal-top .eyebrow,.form-help,.calc-preview,.micro,.info-strip{font-size:13px}
.modal-top h2{font-size:24px}
.mini-stat small,.stat-detail,.duo-figures small,.quick-row small,.category-identity small{font-size:13px}
.stat-label{font-size:13px}
.stat-value,.mini-stat strong{font-weight:700;letter-spacing:-.015em}
.category-identity strong{font-size:15px}
.category-identity small{color:#b1c4d0}
.comment-body p,.comment-meta strong,.audit-text,.audit-text small{font-size:14px}

/* One-column workflow rows instead of a 9-column table */
.workflow-strip{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;padding:13px 16px;border:1px solid #344e59;border-radius:12px;background:#1a303b;margin-bottom:18px;color:#c6dce4;font-size:13px}
.workflow-strip span:not(.workflow-arrow){display:inline-flex;align-items:center;gap:8px}
.workflow-strip b{background:#316b54;color:#e5fff0;border-radius:50%;width:24px;height:24px;display:inline-grid;place-items:center;font-size:12px}
.workflow-arrow{color:#8bb49f}
.simple-group{background:#192837;border:1px solid #355064;border-radius:14px;overflow:hidden}
.items-list{display:flex;flex-direction:column}
.simple-item{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #314557}
.simple-item:first-child{border-top:0}
.simple-item:hover{background:#203444}
.simple-main{flex:1;min-width:0}
.simple-item-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:5px}
.simple-item-head .item-link{font-size:17px;line-height:1.3}
.simple-detail{font-size:13px;color:#bdd0dc;line-height:1.4}
.simple-values{display:flex;gap:13px 25px;flex-wrap:wrap;margin-top:15px}
.simple-values>div{min-width:75px}
.simple-values small{display:block;color:#b0c2ce;font-size:12px;margin-bottom:3px}
.simple-values strong{display:block;color:#f2f8fc;font-size:15px;font-weight:650;line-height:1.4;white-space:nowrap}
.simple-values .warn-text{color:#ffd399}
.simple-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:305px;flex:0 0 auto}
.simple-actions .btn{font-size:13px;padding:9px 13px}
.simple-actions .table-btn{font-size:18px;min-height:38px;min-width:38px;border:1px solid #3b5366}
.simple-actions .btn:disabled{opacity:.42}
.pill{font-size:12px}
.filter-check{font-size:14px;color:#d5e2e9}
.filters input[type=search],.filters select{font-size:15px;border-color:#4a6071;color:#f0f7fa;min-height:45px}
.group-head h2{font-size:17px}
.group-sum{font-size:13px}
.table-note{font-size:13px}

/* Compact first step; additional options remain discoverable. */
.compact-form{gap:14px 16px}
.unit-field{display:flex;flex-direction:column;gap:10px}
.unit-other[hidden]{display:none!important}
.advanced-details{border:1px solid #435d6e;border-radius:11px;background:#1c3141;padding:0;overflow:hidden}
.advanced-details summary{cursor:pointer;list-style:none;padding:15px 17px;font-size:15px;color:#e0edf5;font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.advanced-details summary::-webkit-details-marker{display:none}
.advanced-details summary:before{content:'＋';display:inline-grid;place-items:center;color:#9af0cd;font-size:19px;width:20px}
.advanced-details[open] summary:before{content:'−'}
.advanced-details summary small{font-size:12px;font-weight:400;color:#bfd0de}
.inner-grid{padding:3px 17px 18px;gap:15px 14px}
.calc-preview{display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px 19px;padding:15px 16px;font-size:13px}
.calc-preview span{display:flex;gap:8px;align-items:baseline}
.calc-preview b{color:#eafff5;font-size:15px}
.quick-form{grid-template-columns:1fr}
.quick-explain{margin:17px 0 1px;color:#c2d4de;line-height:1.55;font-size:14px}
.modal-footer{position:sticky;bottom:0;background:#1a2a38;z-index:2}

@media(max-width:1100px){.simple-item{flex-direction:column;align-items:stretch;gap:17px}.simple-actions{max-width:none;justify-content:flex-start}}
@media(max-width:690px){body{font-size:15px}.nav-item{font-size:13px}.simple-item{padding:17px 15px}.simple-values{gap:11px 18px}.simple-values>div{min-width:calc(33.333% - 16px)}.simple-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.simple-actions .btn{width:100%}.simple-actions .table-btn{width:100%}.workflow-strip{justify-content:flex-start;gap:7px 10px;font-size:12px}.workflow-arrow{display:none}.workflow-strip span:not(.workflow-arrow){flex-basis:calc(50% - 8px)}.heading-actions .btn{font-size:13px}.pill{font-size:11px}.modal{max-height:94dvh}.modal-body{padding-top:15px;padding-bottom:15px}.modal-top h2{font-size:21px}.calc-preview{flex-direction:column}.calc-preview span{justify-content:space-between}.filters{gap:9px}.filters select{width:auto}.filters label{font-size:13px}}
@media(max-width:390px){.simple-values>div{min-width:calc(50% - 12px)}.simple-actions .btn{font-size:12px}.workflow-strip span:not(.workflow-arrow){flex-basis:100%}}

/* v1.2 visual refresh */
:root{
  --bg:#070814;
  --side:#0a0f21;
  --surface:#0d1630;
  --surface2:#101b37;
  --surface3:#152448;
  --line:#1c2f5f;
  --text:#f7fbff;
  --sub:#bfd0e8;
  --muted:#8da0be;
  --mint:#14d9ff;
  --mint-dark:#0d2140;
  --orange:#ffd15c;
  --blue:#32b8ff;
  --purple:#9f59ff;
  --red:#ff59dd;
  --shadow:0 18px 48px rgba(0,0,0,.38);
}
html{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:optimizeLegibility}
body{
  background:
    radial-gradient(900px 400px at 0% 0%, rgba(23,201,255,.12), transparent 60%),
    radial-gradient(800px 420px at 100% 0%, rgba(255,61,218,.10), transparent 60%),
    radial-gradient(900px 520px at 50% 100%, rgba(123,66,255,.12), transparent 60%),
    var(--bg);
  color:var(--text);
  font:15px/1.55 "Segoe UI", Inter, system-ui, -apple-system, Roboto, Arial, sans-serif;
}
a{color:#7ee9ff;text-decoration:none;font-weight:650}
a:hover{text-decoration:underline}
h1,h2,h3,.nav-item,.btn,.pill,strong,label,.panel-title h2,.table-title h2{letter-spacing:normal}
h1{font-size:clamp(28px,3vw,36px);line-height:1.12;font-weight:800}
h2{font-size:18px;line-height:1.25;font-weight:760}
small,.micro,.top-label,.eyebrow,.side-caption,.footer{letter-spacing:.08em}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:
 linear-gradient(180deg, rgba(7,8,20,.55), rgba(7,8,20,.9)),
 radial-gradient(800px 400px at 20% 0%, rgba(20,217,255,.18), transparent 60%),
 radial-gradient(700px 450px at 80% 0%, rgba(255,89,221,.15), transparent 55%),
 var(--bg)}
.auth-card{width:min(560px,92vw);background:linear-gradient(180deg, rgba(12,21,48,.96), rgba(9,16,35,.96));border:1px solid rgba(72,135,255,.25);border-radius:26px;padding:32px 32px 26px;box-shadow:0 0 0 1px rgba(255,255,255,.02),0 30px 90px rgba(0,0,0,.45),0 0 34px rgba(20,217,255,.10)}
.brand-badge.logo-badge{width:128px;height:128px;margin:0 auto 12px;border-radius:26px;background:linear-gradient(180deg, rgba(6,11,24,.7), rgba(13,21,45,.95));border:1px solid rgba(61,210,255,.28);box-shadow:0 10px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.03);display:grid;place-items:center;padding:12px}
.brand-badge.logo-badge img{max-width:100%;max-height:100%;display:block;filter:drop-shadow(0 0 10px rgba(44,220,255,.18))}
.auth-card h1,.auth-card .eyebrow,.auth-card .auth-sub,.auth-card .micro{text-align:center}
.auth-card label{display:block;font-weight:700;color:#d6e4f9;margin-bottom:8px}
.form-stack label+label{margin-top:14px}
input,select,textarea{background:rgba(8,14,29,.92);border:1px solid #28437b;color:var(--text);border-radius:12px;padding:11px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
input::placeholder,textarea::placeholder{color:#7f95b6}
input:hover,select:hover,textarea:hover{border-color:#3963b8}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #30cfff;outline-offset:2px;border-color:#46ddff}
.layout{grid-template-columns:290px minmax(0,1fr);background:transparent}
.sidebar{background:linear-gradient(180deg, rgba(7,11,23,.98), rgba(10,15,33,.96));border-right:1px solid rgba(60,97,173,.34);box-shadow:inset -1px 0 0 rgba(255,255,255,.02)}
.side-brand{gap:16px;margin:0 4px 32px}
.brand-mark{width:92px;height:92px;border-radius:24px;background:linear-gradient(180deg, rgba(10,16,34,.82), rgba(9,14,29,.96));display:grid;place-items:center;border:1px solid rgba(63,136,255,.26);box-shadow:0 10px 30px rgba(0,0,0,.32), 0 0 24px rgba(20,217,255,.08)}
.brand-mark.brand-mark-logo img{max-width:100%;max-height:100%;display:block;padding:8px;filter:drop-shadow(0 0 10px rgba(76,219,255,.18))}
.side-brand strong{font-size:20px;font-weight:800;color:#f6fbff}
.side-brand small{color:#9fb2d1;font-size:11px;letter-spacing:.14em}
.side-caption{color:#6c83a7;margin:0 12px 14px}
.nav{gap:8px}
.nav-item{padding:13px 14px;border:1px solid transparent;border-radius:14px;color:#cfddf6;background:transparent;font-weight:700}
.nav-item:hover{background:linear-gradient(180deg, rgba(18,31,63,.84), rgba(15,24,49,.84));border-color:rgba(53,89,163,.45)}
.nav-item.active{background:linear-gradient(90deg, rgba(16,194,255,.20), rgba(170,65,255,.16));color:#fff;border-color:rgba(73,187,255,.42);box-shadow:0 0 0 1px rgba(255,255,255,.02), inset 3px 0 0 #21d5ff, 0 8px 18px rgba(10,18,40,.35)}
.nav-ico{opacity:.95}
.user-avatar,.avatar{border-radius:12px;background:linear-gradient(135deg, rgba(20,217,255,.22), rgba(159,89,255,.20));color:#fff;border:1px solid rgba(69,147,255,.30)}
.icon-button,.table-btn{border:1px solid rgba(53,89,163,.38);background:rgba(11,21,43,.7);color:#bfd7f3}
.icon-button:hover,.table-btn:hover{border-color:#4dbfff;background:rgba(19,34,68,.95);color:#fff}
.topbar{height:auto;min-height:96px;padding:18px clamp(22px,4vw,55px);background:linear-gradient(180deg, rgba(8,13,29,.94), rgba(11,19,40,.9));backdrop-filter:blur(14px);border-bottom:1px solid rgba(62,100,178,.34)}
.party-select-row select{font-size:18px;font-weight:800;color:#fff}
.online-txt{font-size:12px;color:#9db2cf}
.main-content{width:min(1500px,100%);padding:32px clamp(22px,4vw,55px) 60px}
.footer{border-top:1px solid rgba(62,100,178,.28);color:#7992b7}
.btn{border-radius:12px;padding:11px 16px;font-weight:800;box-shadow:none}
.btn.primary{background:linear-gradient(90deg,#19dfff,#42b7ff);color:#07101f;border-color:rgba(255,255,255,.06)}
.btn.primary:hover{background:linear-gradient(90deg,#44e8ff,#67c6ff)}
.btn.secondary{background:linear-gradient(180deg, rgba(20,31,58,.95), rgba(17,26,50,.95));border-color:#35539a;color:#ecf6ff}
.btn.secondary:hover{background:linear-gradient(180deg, rgba(25,38,72,.98), rgba(20,31,61,.98));border-color:#4e73cd}
.btn.danger{background:linear-gradient(180deg, rgba(73,24,56,.95), rgba(58,19,43,.95));border-color:#8e356a}
.pill{border:1px solid rgba(69,107,186,.26);background:rgba(17,31,60,.78);color:#d6e2f6;font-weight:760}
.pill.mint,.pill.active{background:rgba(11,64,77,.88);color:#7deeff;border-color:rgba(44,215,255,.28)}
.pill.blue{background:rgba(20,42,85,.86);color:#8dd3ff}
.pill.warning,.pill.planning{background:rgba(67,56,25,.88);color:#ffd15c}
.stat-grid,.split-grid,.mini-stats{gap:18px}
.stat-card,.panel,.table-panel,.mini-stat{background:linear-gradient(180deg, rgba(11,22,49,.96), rgba(10,18,40,.94));border:1px solid rgba(62,100,178,.34);box-shadow:0 14px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03)}
.stat-card{border-radius:18px;padding:22px}
.stat-card.mint{color:#1edfff}.stat-card.blue{color:#48bfff}.stat-card.purple{color:#c26bff}.stat-card.orange{color:#ffd15c}
.stat-label,.panel-title p,.hint,.muted-copy,.section-desc,.good-empty,.empty-content,.top-label{color:#a9bdd8}
.stat-value{font-size:clamp(24px,2.15vw,34px);font-weight:850}
.panel,.table-panel{border-radius:18px}
.panel-title{margin-bottom:18px}
.panel-title h2{color:#fff}
.duo-figures>div,.mini-stat{background:rgba(13,24,50,.8);border:1px solid rgba(58,95,171,.34)}
.progress-track{background:#223a69}.progress-track div{background:linear-gradient(90deg,#23dcff,#9f59ff)}
.bar-bg{background:#243a67}.bar-plan{background:rgba(145,166,205,.28)}
.filters input[type=search],.filters select{background:rgba(9,16,35,.95);border:1px solid #31519a;border-radius:12px;color:#fff}
.table-panel{overflow:hidden}
.table-panel table,.table table{width:100%;border-collapse:collapse}
.table-panel th,.table-panel td,table th,table td{border-bottom:1px solid rgba(49,80,150,.26);padding:12px 12px;vertical-align:middle}
.table-panel th,table th{color:#a9bddd;font-size:13px;font-weight:760;background:rgba(10,17,36,.45)}
.table-panel tr:hover td,table tr:hover td{background:rgba(18,29,58,.48)}
.quick-row{border-top:1px solid rgba(49,80,150,.26)}
.quick-row small{color:#8fa7c7}
.text-action{color:#78e8ff;font-weight:700}
.text-action:hover{color:#a6f4ff}
.summary-link,.table-link,.footer a{color:#7cecff;font-weight:700}
.summary-link:hover,.table-link:hover,.footer a:hover{text-decoration:underline}
.badge,.mini-badge{background:rgba(14,26,55,.88);border:1px solid rgba(53,89,163,.32);color:#d0def8}
.modal-backdrop{backdrop-filter:blur(10px);background:rgba(5,10,20,.68)}
.modal-card{background:linear-gradient(180deg, rgba(12,21,48,.98), rgba(9,15,33,.98));border:1px solid rgba(70,110,195,.34);border-radius:22px;box-shadow:0 24px 80px rgba(0,0,0,.48)}
.modal-card h2{font-size:22px}
.advanced-details{border:1px solid rgba(53,89,163,.30);background:rgba(8,15,31,.5);border-radius:14px;padding:10px 14px}
.advanced-details summary{cursor:pointer;font-weight:760;color:#eff7ff}
.calc-preview{display:flex;gap:12px;flex-wrap:wrap;padding:14px 16px;margin-top:16px;border-radius:14px;background:linear-gradient(180deg, rgba(11,22,49,.95), rgba(10,18,39,.95));border:1px solid rgba(53,89,163,.32)}
.calc-preview span{flex:1 1 180px;color:#c0d2ef}
.calc-preview b{display:block;font-size:19px;line-height:1.3;color:#fff;margin-top:2px}
.toast{background:linear-gradient(180deg, rgba(10,20,42,.98), rgba(8,14,31,.98));border:1px solid rgba(62,100,178,.38);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.36)}
.footer span{font-size:11px}
@media (max-width:1100px){
  .layout{grid-template-columns:1fr}
  .sidebar{position:relative;height:auto;padding-bottom:14px}
  .side-brand{margin-bottom:18px}
  .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .topbar{padding-top:16px}
}
@media (max-width:760px){
  body{font-size:16px}
  .sidebar{padding:18px 14px}
  .brand-mark{width:76px;height:76px}
  .nav{grid-template-columns:1fr}
  .topbar,.main-content,.footer{padding-left:16px;padding-right:16px}
  .stat-grid,.split-grid,.mini-stats{grid-template-columns:1fr}
  .filters{flex-direction:column;align-items:stretch}
  .filters select{width:100%}
  .table-panel{overflow:auto}
}


/* v1.3 structure refinement */
.topbar-left{display:flex;align-items:center;gap:14px;min-width:0}.mobile-menu-toggle{display:none}.top-party{min-width:0}
.hero-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid rgba(83,118,197,.34);background:rgba(15,27,56,.9);color:#dce8f8;font-size:13px;font-weight:750}
.neon-panel,.event-hero{background:linear-gradient(180deg, rgba(9,16,35,.96), rgba(10,17,38,.96));border:1px solid rgba(73,114,201,.34);border-radius:22px;box-shadow:0 18px 48px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.03)}
.event-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;margin-bottom:18px}
.event-hero-main{display:flex;align-items:center;gap:18px;min-width:0}.event-meta-brand{width:110px;max-width:20vw;display:grid;place-items:center;flex:0 0 auto}.event-meta-brand img{max-width:100%;height:auto;display:block;filter:drop-shadow(0 0 12px rgba(62,218,255,.18))}
.event-meta-copy{min-width:0}.event-title-row{display:flex;align-items:center;gap:10px}.event-title-row h1{margin:0;font-size:clamp(28px,2.6vw,40px)}.event-subline{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;color:#b7cae5}.event-subline span{display:inline-flex;align-items:center;gap:6px}.event-hero-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.ghost-icon{background:transparent;border:1px solid rgba(70,110,195,.34);color:#d8e4f8;border-radius:10px;padding:8px 10px}
.dashboard-stats .stat-card{min-height:132px}.dashboard-stats .stat-detail{margin-top:10px}
.category-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}.compact-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}
.category-tile{appearance:none;border-radius:18px;padding:16px 14px;text-align:left;background:linear-gradient(180deg, rgba(11,22,49,.96), rgba(10,18,40,.94));border:1px solid rgba(61,100,182,.30);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.16);transition:transform .12s,border-color .12s, box-shadow .12s;position:relative;overflow:hidden}
.category-tile::before{content:'';position:absolute;inset:auto -15% -35% auto;width:110px;height:110px;border-radius:50%;background:var(--tile, #29d9ff);opacity:.08;filter:blur(4px)}
.category-tile:hover{transform:translateY(-1px);border-color:rgba(106,214,255,.55)}
.category-tile.active{border-color:var(--tile, #29d9ff);box-shadow:0 0 0 1px rgba(255,255,255,.03),0 0 18px color-mix(in srgb, var(--tile, #29d9ff) 35%, transparent)}
.category-tile-name{display:block;font-weight:800;font-size:18px;line-height:1.2;margin-bottom:6px}.category-tile small{color:#a8bcdb}
.planning-panel{padding-bottom:8px}.planning-head{padding:18px 18px 10px}.panel-subcopy{font-size:13px;color:#a4b8d8;margin-top:4px}.planning-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.planning-table th,.planning-table td{white-space:nowrap}.plain-link{background:none;border:0;padding:0;color:#eef6ff;font-weight:780}.plain-link:hover{text-decoration:underline}
.dashboard-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.info-list-panel{padding:18px}.info-list{display:flex;flex-direction:column;gap:12px}.info-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(49,80,150,.26)}.info-row:first-child{border-top:0}.info-copy strong{display:block}.info-copy small,.info-side{color:#b0c5e5}.info-side{font-weight:700}
.comment-mini-list,.activity-mini-list{display:flex;flex-direction:column;gap:12px}.comment-mini,.activity-mini{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(49,80,150,.26)}.comment-mini:first-child,.activity-mini:first-child{border-top:0}.comment-mini p{margin:4px 0 0;color:#bfd0e8;font-size:13px}.comment-mini small,.activity-mini small{display:block;margin-top:2px;color:#93a9cc}.activity-ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(57,95,171,.34);background:rgba(13,24,50,.85)}
.simple-item{border:1px solid rgba(61,100,182,.26);border-radius:16px;background:linear-gradient(180deg, rgba(11,22,49,.92), rgba(10,18,40,.90));padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}.simple-item+.simple-item{margin-top:12px}.item-link{font-size:20px;font-weight:800;color:#fff;background:none;border:0;padding:0;text-align:left}.item-link:hover{text-decoration:underline}.simple-item-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.simple-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}.simple-values small{display:block;color:#97afd0;margin-bottom:3px}.simple-values strong{font-size:17px;line-height:1.25}.simple-actions{display:flex;flex-direction:column;gap:10px;justify-content:center}
.notice,.info-strip,.table-note{margin-top:16px;padding:14px 16px;border-radius:14px;border:1px solid rgba(64,104,186,.28);background:rgba(13,24,50,.75);color:#bfd0e9}
.mobile-menu-backdrop{display:none}
@media (max-width:1200px){.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-bottom-grid{grid-template-columns:1fr}.simple-values{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){
  .mobile-menu-toggle{display:inline-flex}
  .layout{grid-template-columns:1fr}
  .sidebar{position:fixed;left:0;top:0;bottom:0;width:min(88vw,340px);z-index:40;transform:translateX(-105%);transition:transform .18s ease;padding-bottom:20px}
  .layout.sidebar-open .sidebar{transform:translateX(0)}
  .mobile-menu-backdrop{display:block;position:fixed;inset:0;background:rgba(3,8,18,.65);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:30}
  .layout.sidebar-open .mobile-menu-backdrop{opacity:1;pointer-events:auto}
  .workspace{min-width:0}
  .topbar{position:sticky;top:0;z-index:20;padding:14px 16px}
  .header-right .online-dot,.header-right .online-txt{display:none}
  .header-right{gap:8px}
  .event-hero{padding:16px;align-items:flex-start;flex-direction:column}
  .event-meta-brand{width:92px}
  .event-hero-side{justify-content:flex-start}
  .category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .planning-head{padding:16px;gap:12px;align-items:flex-start;flex-direction:column}
  .planning-actions{width:100%;justify-content:stretch}.planning-actions .btn{flex:1 1 auto}
  .simple-item{grid-template-columns:1fr}.simple-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.simple-actions .btn{flex:1 1 150px}
}
@media (max-width:760px){
  .topbar-left{gap:10px}.party-select-row{gap:6px}.party-select-row select{max-width:54vw;font-size:16px}
  .main-content{padding-top:18px}
  .category-tiles{grid-template-columns:1fr 1fr}.compact-tiles{grid-template-columns:1fr 1fr}
  .dashboard-stats,.stat-grid,.mini-stats{grid-template-columns:1fr 1fr}
  .simple-values{grid-template-columns:1fr 1fr}
  .table-scroll{overflow:auto}
  .planning-table th:nth-child(4),.planning-table td:nth-child(4),.planning-table th:nth-child(5),.planning-table td:nth-child(5),.planning-table th:nth-child(8),.planning-table td:nth-child(8){display:none}
  .footer{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
}
@media (max-width:540px){
  .dashboard-stats,.mini-stats{grid-template-columns:1fr}
  .category-tiles,.compact-tiles{grid-template-columns:1fr}
  .simple-values{grid-template-columns:1fr}
  .topbar{align-items:flex-start}.header-right{align-self:flex-start}
  .party-select-row select{max-width:100%}
}

/* v1.4 – common visual language and responsive workflows */
:root{--bg:#070b1a;--side:#070d20;--surface:#0b1730;--surface2:#122345;--line:#23426f;--text:#f5f9ff;--sub:#c2d0e8;--muted:#a8b8d1;--mint:#13dcff;--blue:#48b9ff;--purple:#ba67ff;--orange:#ff6bdf;--red:#ff809e}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%}
body{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:auto}
button,input,select,textarea{font-family:inherit;letter-spacing:normal}
button,a,summary,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #70eaff;outline-offset:3px}
input,select,textarea{font-size:16px;min-height:45px;color:#fff}
select option{background:#0b1832;color:#fff}
label{font-size:14px;color:#dce7fa;line-height:1.5}
label input,label textarea,label select{font-size:16px;border:1px solid #315891;background:#0a1834;color:#f4faff;min-height:45px}
label textarea{min-height:96px}
label input::placeholder,label textarea::placeholder{color:#8da6c7}
.btn{font-size:14px;font-weight:760;min-height:43px;line-height:1.25;padding:11px 15px;white-space:normal;text-align:center}
.btn.primary{background:linear-gradient(100deg,#1be6ff,#3ca9ff);color:#06182c}
.btn.secondary{background:#192a53;border:1px solid #355f9b;color:#f5f9ff}
.btn.danger{background:#44213e;border-color:#8b4a7b;color:#fff}
.nav-item{min-height:46px;font-size:15px;font-weight:670;line-height:1.3}
.nav-ico{font-size:23px;color:#95eaff}
.sidebar{overflow-y:auto;overscroll-behavior:contain}
.side-brand{gap:10px}.brand-mark{width:78px;height:78px;flex-shrink:0}.side-brand strong{font-size:19px}.side-brand small{font-size:10px;letter-spacing:.03em}
.main-content{width:min(1580px,100%)}
.stat-card{min-width:0;border-color:#274a81}.stat-label{font-size:14px;color:#d4e4f9}.stat-value{font-size:clamp(23px,2.1vw,31px);letter-spacing:-.025em;line-height:1.16;font-weight:800;overflow-wrap:anywhere}.stat-detail{font-size:12px;color:#a5badd}
.stat-card.mint{border-top:2px solid #10dfff}.stat-card.purple{border-top:2px solid #a85cff}.stat-card.orange{border-top:2px solid #f04dda}.stat-card.blue{border-top:2px solid #309eff}
.event-hero{margin-bottom:16px}.event-title-row h1{font-size:clamp(24px,2.5vw,35px);letter-spacing:-.02em;overflow-wrap:anywhere}.event-subline{font-size:14px}
.category-tile{min-width:0;padding:16px;min-height:92px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.category-tile-name{font-size:16px;overflow-wrap:anywhere;font-weight:750;margin:0}.category-tile small{font-size:13px}
.planning-panel{border-color:#2a4a80}.planning-actions .btn{min-height:42px}
.planning-table{table-layout:auto}.planning-table td{font-size:14px}.planning-table td:first-child{min-width:130px}.planning-table td:nth-child(n+2){font-variant-numeric:tabular-nums}
.plain-link{font-size:15px!important;color:#f5faff}
.dashboard-mobile-items{display:none}
.panel-title{gap:12px;flex-wrap:wrap}.panel-title h2{font-size:17px}.info-list-panel{padding:18px}.info-copy strong{font-size:14px}.info-copy small{font-size:12px}
.heading-actions{gap:10px}.heading h1{font-size:clamp(25px,3vw,32px);letter-spacing:-.02em}
.workflow-strip{border-radius:12px}
.simple-group{margin-bottom:14px}.simple-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.simple-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.simple-values strong{overflow-wrap:anywhere;font-size:16px}.simple-values small{font-size:12px}
.simple-actions{display:flex;flex-direction:column;min-width:125px;gap:8px}.simple-actions .btn{white-space:nowrap}.simple-item .item-link{font-size:18px}.simple-detail{color:#a5bdd9;font-size:13px}
.modal-backdrop{align-items:center;padding:14px}.modal{max-height:min(91dvh,850px);border:1px solid #345a96;border-radius:19px;background:#0d1c39;box-shadow:0 30px 100px #000a;overscroll-behavior:contain}
.modal-top{background:#0d1c39}.modal-top p{font-size:14px;color:#afc2df;line-height:1.5}.modal-top h2{color:#fff;font-size:22px}.modal-body{background:#0d1c39}.modal-footer{background:#0d1c39;border-color:#2c4a7e;gap:10px}
.advanced-details{background:#0c1832;border-color:#36578b}.advanced-details summary{font-size:14px;padding:3px 0}.advanced-details summary small{display:block;font-size:12px;color:#aac0db;font-weight:450;margin-top:3px}
.calc-preview{padding:13px;gap:14px;background:#102143;border-color:#34558e}.calc-preview span{font-size:13px}.calc-preview b{font-size:19px}
.modal-guidance{font-size:13px;line-height:1.55;margin:16px 0 0;color:#b6c8e1}
.transaction-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.transaction-summary span{background:#162749;border:1px solid #2e5085;border-radius:11px;padding:11px;font-size:13px;color:#b7cce7}.transaction-summary strong{display:block;font-size:16px;margin-top:4px;color:#fff}.transaction-title{font-size:16px;margin:22px 0 9px}.transaction-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid #274571}.transaction-row strong{font-size:14px}.transaction-row small{display:block;font-size:12px;color:#a5bbd7;margin-top:5px}.legacy-note{border:1px solid #7d6031;background:#3b2a21;border-radius:10px;padding:12px;font-size:13px;color:#ffd59a;margin:16px 0}
.picker-list{max-height:60vh;overflow-y:auto}.picker-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 8px;color:#f6faff;text-align:left;border:0;border-bottom:1px solid #294775;background:transparent}.picker-item:hover{background:#172e56}.picker-item strong{display:block;font-size:16px}.picker-item small{display:block;margin-top:3px;font-size:12px;color:#b3c5e0}
.dashboard-mini-item{background:#0e1f3c;border:1px solid #29497a;border-radius:14px;padding:13px;margin:11px}.dashboard-mini-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.dashboard-mini-top .item-link{font-size:16px}.unit-badge{font-size:11px;font-weight:650;background:#21365a;color:#cae2ff;border:1px solid #385e96;padding:3px 8px;border-radius:8px;white-space:nowrap}
.dashboard-mini-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}.dashboard-mini-values>div{background:#142a50;border-radius:8px;padding:9px}.dashboard-mini-values small{display:block;font-size:11px;color:#aac2e4}.dashboard-mini-values strong{display:block;font-size:17px;color:#fff;font-variant-numeric:tabular-nums}
.dashboard-mini-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.dashboard-mini-foot span{margin-right:auto;font-size:12px;color:#b8c9e3}.mini-action{background:#1c3562;border:1px solid #4272ba;color:#f3faff;border-radius:9px;font-size:13px;font-weight:700;padding:8px 10px;min-height:38px}
.mobile-menu-toggle{min-width:44px;min-height:44px;font-size:24px}
.people-mobile-cards{display:none}.people-card{border:1px solid #325388;background:#0d1d3a;padding:15px;border-radius:15px;margin-bottom:12px}.people-card-main{display:flex;gap:10px;align-items:center}.people-card-main strong{font-size:16px}.people-card-figures{display:flex;flex-wrap:wrap;gap:12px 22px;margin:13px 0}.people-card-figures small{display:block;color:#a9bbd7;font-size:12px}.people-card-figures strong{font-size:17px}.people-card-actions{display:flex;gap:8px;flex-wrap:wrap}.people-card-actions .btn{flex:1 1 120px}
@media(max-width:1250px){.layout{grid-template-columns:254px minmax(0,1fr)}.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom-grid>.panel:last-child{grid-column:1/-1}}
@media(max-width:980px){
 .layout{grid-template-columns:1fr}
 .sidebar{height:100dvh;position:fixed;top:0;left:0;bottom:0;width:min(88vw,325px);z-index:50;padding:20px 15px;transform:translateX(-105%);transition:transform .2s ease}
 .layout.sidebar-open .sidebar{transform:translateX(0)}
 .sidebar .nav{display:flex;flex-direction:column;gap:4px}.sidebar .nav-item{width:100%;min-height:44px}
 .side-brand{margin-bottom:16px}.side-caption{margin-bottom:8px}.side-bottom{margin-top:auto;padding-top:15px;min-height:67px;flex-shrink:0}
 .mobile-menu-toggle{display:inline-flex;flex-shrink:0}.mobile-menu-backdrop{z-index:45}
 .topbar{height:auto;min-height:70px;padding:12px 18px}.online-dot,.online-txt{display:none}
 .main-content{padding:18px 18px 40px}
 .simple-item{grid-template-columns:1fr}.simple-actions{flex-direction:row;flex-wrap:wrap}.simple-actions .btn{flex:1 1 145px}
 .dashboard-bottom-grid{grid-template-columns:1fr}.dashboard-bottom-grid>.panel:last-child{grid-column:auto}
 .dashboard-desktop-items{display:none}.dashboard-mobile-items{display:block}
 .planning-head{padding:16px}.planning-actions{width:100%;justify-content:flex-start}
}
@media(max-width:680px){
 body{font-size:15px}
 .topbar{padding:10px 12px}.topbar-left{flex:1;min-width:0}.top-party{max-width:100%;flex:1}
 .party-select-row select{font-size:14px;font-weight:750;min-width:0;max-width:calc(100vw - 137px);width:100%;white-space:nowrap;text-overflow:ellipsis}
 .topbar .header-right>.btn{display:none}
 .top-label{font-size:10px}.mobile-menu-toggle{min-width:42px;min-height:42px}
 .main-content{padding:12px 12px 26px}.footer{padding:14px 12px}
 .event-hero{margin-bottom:12px;padding:12px;gap:10px}.event-hero-main{gap:11px}.event-meta-brand{width:61px;max-width:61px}
 .event-title-row h1{font-size:21px;line-height:1.2}.event-subline{font-size:12px;gap:5px 10px}.event-hero-side{gap:6px}
 .dashboard-stats,.stat-grid,.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .stat-card{min-height:107px;padding:12px;border-radius:13px}.stat-value{font-size:clamp(19px,5vw,24px);margin:10px 0 6px}.stat-detail{font-size:11px;line-height:1.35}.stat-label{font-size:12px}
 .category-tiles,.compact-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .category-tile{min-height:70px;padding:12px;border-radius:12px}.category-tile-name{font-size:14px}.category-tile small{font-size:12px}
 .planning-head{padding:12px}.planning-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.planning-actions .btn:first-child{grid-column:1/-1}
 .planning-actions .btn{padding:9px 6px;font-size:12px;min-height:43px}
 .heading{gap:12px}.heading h1{font-size:24px}.heading-actions{width:100%}.heading-actions .btn{min-height:44px;flex:1}
 .mini-stat{padding:12px}.mini-stat small{font-size:12px}.mini-stat strong{font-size:17px}
 .filters{flex-direction:column;align-items:stretch;gap:10px}.filters select{width:100%}.filters input[type=search]{width:100%}
 .simple-item{padding:13px;gap:12px}.simple-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.simple-values>div{min-width:0!important}
 .simple-values small{font-size:11px}.simple-values strong{font-size:14px;overflow-wrap:anywhere}
 .simple-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.simple-actions .btn{font-size:13px;padding:8px;min-height:45px;white-space:normal}.simple-actions .table-btn{min-height:44px}
 .data-table{font-size:13px}.people-mobile-cards{display:block}.people-desktop-table{display:none}
 .modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-height:95dvh;border-radius:18px 18px 0 0}.modal-top,.modal-body,.modal-footer{padding-left:17px;padding-right:17px}.modal-body{max-height:none}.modal-footer .btn{min-height:45px}
 .form-grid{grid-template-columns:1fr;gap:12px}.calc-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.calc-preview span{display:block}
 .transaction-summary{grid-template-columns:1fr 1fr;gap:8px}.transaction-summary span{padding:9px}
}
@media(max-width:380px){.category-tile-name{font-size:13px}.dashboard-mini-foot span{flex-basis:100%}.calc-preview{grid-template-columns:1fr}.simple-values{grid-template-columns:repeat(2,minmax(0,1fr))}.event-meta-brand{width:52px}}

/* v1.4 final accessibility fixes */
input[type="checkbox"],label input[type="checkbox"]{appearance:auto;width:19px!important;height:19px!important;min-height:0!important;margin:0!important;padding:0!important;accent-color:#18d9ff;flex:0 0 19px;box-shadow:none}
.filter-check{display:inline-flex;align-items:center;gap:10px;white-space:normal;cursor:pointer;font-size:14px;font-weight:650;color:#d6e5f7;min-height:40px}
.filters{align-items:center}.filters input[type="search"]{min-height:46px}
.category-tiles.compact-tiles{display:none}
@media(max-width:680px){.filters{align-items:stretch}.filter-check{padding:5px 2px;align-self:flex-start}.simple-actions .table-btn{width:auto}.topbar-left{min-width:0}}
@media(prefers-reduced-motion:reduce){.sidebar,.mobile-menu-backdrop,.btn,.category-tile{transition:none!important}*{scroll-behavior:auto!important}}
/* Mobile drawer normalization: override legacy horizontal-nav rules */
@media(max-width:980px){
 .sidebar .side-brand{display:flex;align-items:center;gap:12px;margin:2px 0 22px}
 .sidebar .side-brand .brand-mark{width:68px;height:68px;border-radius:16px;flex:0 0 68px}
 .sidebar .side-brand strong{font-size:18px}
 .sidebar .side-brand small{font-size:10px}
 .sidebar .nav{display:flex;flex-direction:column;flex:0 0 auto;gap:6px;margin:0;padding:0;overflow:visible}
 .sidebar .nav-item{padding:12px 14px;min-height:46px;max-width:100%;white-space:normal}
 .sidebar .side-bottom{display:flex!important;align-items:center;gap:10px;min-height:66px;margin-top:auto;padding:14px 0 0}
}

.mobile-payments{margin-top:13px;padding-top:12px;border-top:1px solid #2c4c7c}.mobile-payments summary{font-size:13px;min-height:30px;color:#80e6ff;font-weight:720;cursor:pointer}.mobile-payments .payment-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;color:#d9e8fa}.mobile-payments .table-btn{min-width:38px;min-height:38px}


/* LAN_PLaN v1.5 – render-matched visual system.
   Consolidated final theme layer. Data/actions stay in original application. */
:root{--bg:#070c1e;--side:#070b1c;--surface:#071633;--surface2:#0a1b39;--surface3:#10244a;--line:#1f417b;--text:#f8fbff;--sub:#c1d2ec;--muted:#a0b5d4;--mint:#18dafa;--mint-dark:#092849;--orange:#ffd051;--blue:#21c7ff;--purple:#c13cff;--red:#f943d9;--shadow:0 9px 26px rgba(0,0,0,.25)}
*{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:auto;text-rendering:optimizeLegibility}
body{font-family:"Segoe UI Variable Text","Segoe UI",Arial,system-ui,sans-serif;font-weight:450;font-size:15px;line-height:1.48;letter-spacing:0;background:#070c1e;color:#eef6ff}
button,input,select,textarea{font-family:inherit;letter-spacing:normal;font-weight:inherit}
button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2ee5ff!important;outline-offset:3px!important}
button:disabled{cursor:not-allowed;opacity:.46}
h1,h2,h3,strong,.btn{letter-spacing:0!important}
h1{font-size:32px;font-weight:750;line-height:1.12}
h2{font-size:19px;font-weight:740;line-height:1.25}
p,small,.section-desc{color:#b7c9e5}
.ui-icon{display:inline-block;flex:none;vertical-align:middle}
button .ui-icon{pointer-events:none}
.layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;background:radial-gradient(1100px 520px at 94% 0,rgba(83,10,127,.16),transparent 75%),#080c1e}
.sidebar{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,#030a1b,#060a1b 77%,#0a0b23);border:1px solid #1e237c;border-left:1px solid #7e16e7;border-right:1px solid #3436a8;padding:0 12px 15px;display:flex;flex-direction:column;overflow:hidden;box-shadow:inset -1px 0 0 #b51cff34}
.sidebar::after{content:"";position:absolute;inset:auto -50px -130px -70px;height:225px;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 28px,#112a6555 29px 31px,transparent 32px 42px);opacity:.55}
.side-brand{display:flex;align-items:center;justify-content:center;height:214px!important;margin:0 0 3px!important;padding:6px 0 0!important;flex:0 0 auto}
.sidebar-logo{display:block;object-fit:contain;width:224px;height:202px;filter:drop-shadow(0 0 16px #12bfff43) drop-shadow(0 0 12px #e42dff3b)}
.side-caption{font-size:11px!important;color:#b6cef4!important;font-weight:760!important;letter-spacing:.09em!important;margin:1px 7px 9px!important}
.sidebar .nav{display:flex!important;flex-direction:column!important;gap:5px!important;overflow:auto;min-height:0;flex:1}
.sidebar .nav-item{display:flex;align-items:center;min-height:49px;width:100%;border-radius:11px;padding:11px 13px;font-size:15px!important;font-weight:660;color:#e4eaf7!important;background:transparent;border:1px solid transparent;white-space:normal}
.sidebar .nav-item .nav-ico{display:flex;align-items:center;justify-content:center;flex:0 0 31px;color:#35d5ff;font-size:19px;line-height:1}
.sidebar .nav-item:hover{background:#10214a;border-color:#3057a5;color:#fff}
.sidebar .nav-item.active{background:linear-gradient(92deg,#06305b,#1c195b 69%,#280c50);border:1px solid #d023ff;box-shadow:inset 3px 0 0 #05d9ff,0 0 13px #111bcc49;color:#fff!important}
.side-bottom{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 8px 0;border-top:1px solid #1d3b79;min-height:65px;flex-shrink:0}
.side-bottom .user-avatar{background:linear-gradient(125deg,#2d40b4,#6b169b);border:1px solid #4cbbff;border-radius:50%;width:40px;height:40px;font-size:18px;color:#fff}
.side-bottom .user-info strong{font-size:14px;color:#fff}.side-bottom .user-info small{font-size:12px;color:#b5c6df}
.side-bottom .icon-button{width:38px;height:38px;border:1px solid #2d5293;border-radius:8px}
.workspace{min-width:0;background:transparent}
.topbar{height:78px;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 24px;background:linear-gradient(180deg,#03102a,#05132c);border-bottom:1px solid #18417a;position:relative;z-index:5}
.topbar-left{display:flex;align-items:center;gap:14px;min-width:0}
.top-label{font-size:11px;color:#b0caf0;font-weight:700;letter-spacing:.04em!important}
.party-select-row{margin-top:3px;gap:10px}.party-select-row select{min-width:238px;max-width:360px;font-size:18px;font-weight:740;border-radius:9px;padding:7px 28px 7px 11px;background:#071430;border:1px solid #3b5799;color:#f4f9ff;box-shadow:none;appearance:auto}
.party-select-row option{background:#0c1a36;color:#fff}
.mini-add{width:38px;height:38px;border-radius:9px;border:1px solid #00d8ff;color:#32e4ff;background:#062142;font-size:24px}
.mini-add:hover{box-shadow:0 0 12px #16cfff66}
.header-right{display:flex;align-items:center;gap:13px}.online-dot{background:#06eaa7;box-shadow:0 0 12px #09dfad}
.online-txt{font-size:12px;color:#b4c6df;margin-right:3px}.header-notifications{display:inline-flex;min-width:39px;min-height:39px;background:#0b1a37;border:1px solid #305388;border-radius:10px;color:#eef5ff}
.topbar-edit{min-height:41px;font-size:14px!important;font-weight:720!important;background:linear-gradient(110deg,#073057,#39105b)!important;border-color:#a536fc!important;box-shadow:0 0 10px #9733ef35}
.main-content{width:100%;max-width:none;min-width:0;margin:0;padding:0 19px 27px;flex:1}
.footer{display:none}
/* Hero: room atmosphere is decorative. Text and interactive controls remain true HTML. */
.event-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:183px;height:183px;overflow:hidden;margin:0 0 12px;padding:7px 26px;border-radius:13px;background:#061128;border:1px solid #1389ff;box-shadow:inset 0 0 0 1px #00bbff33,0 0 0 1px #b72bff45,0 0 16px #11c8ff40;isolation:isolate}
.event-hero::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:13px;border:1px solid transparent;background:linear-gradient(111deg,#00d6ff 0%,transparent 43%,#dd13fa 98%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
.event-hero-backdrop{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#031126 0%,#07132c 31%,#0c1032b9 59%,#07102789 100%),url("lan-room-atmosphere.webp") right center/62% 100% no-repeat,#06152e;filter:saturate(1.22)}
.event-hero-main{position:relative;z-index:1;display:flex;align-items:center;gap:21px;min-width:0;flex:1}
.hero-brand-logo{width:248px;height:170px;flex:0 0 248px;object-fit:contain;filter:drop-shadow(0 0 13px #08daff55) drop-shadow(0 0 14px #b925ff44)}
.event-meta-copy{min-width:0}.event-title-row{display:flex;gap:12px;align-items:center}
.event-title-row h1{margin:0;color:white;font-size:clamp(26px,2.45vw,37px);font-weight:760!important;letter-spacing:.005em!important;text-shadow:0 3px 7px #0007;overflow-wrap:anywhere}
.event-subline{display:flex;flex-wrap:wrap;gap:13px;margin-top:12px;color:#ccdefb;font-size:14px;line-height:1.3}
.event-subline span{display:inline-flex;gap:7px;align-items:center}.event-subline .ui-icon{color:#11dcff}.event-subline span:nth-child(2) .ui-icon{color:#f640f0}
.ghost-icon{color:#e7f5ff;background:#07122bce;border-radius:9px;min-width:38px;min-height:38px;border:1px solid #3065a5}
.event-hero-side{position:relative;z-index:1;display:flex;gap:12px;align-items:center;justify-content:flex-end;flex:0 0 auto}
.event-hero-side .pill{font-size:13px;padding:9px 13px;background:#271e0d;border:1px solid #bb8d21;color:#ffd35b;border-radius:11px}
.event-hero-side .pill.active{border-color:#00c5ba;background:#063335;color:#61fbe7}
.event-hero-side .pill.closed{border-color:#5879a3;background:#1b2c4c;color:#e3eaf7}
.hero-chip{font-weight:720;font-size:13px;border-color:#573d9c;color:#d8c8ff;background:#131632df;padding:9px 13px;border-radius:11px}
.hero-chip .ui-icon{color:#ba42ff;margin-right:4px}
/* Stats */
.stat-grid.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 12px}
.dashboard-stats .stat-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;min-width:0;min-height:114px;padding:14px 12px;border-radius:13px;background:linear-gradient(120deg,#061632,#071839 60%,#090d30);border:1px solid var(--accent);box-shadow:inset 0 1px 0 #ffffff16,0 0 9px color-mix(in srgb,var(--accent) 30%,transparent);color:#fff}
.dashboard-stats .stat-card::before{content:none}.dashboard-stats .stat-card.mint{--accent:#00dbff;--cardtext:#14e0ff}.dashboard-stats .stat-card.purple{--accent:#e13afc;--cardtext:#f339ff}.dashboard-stats .stat-card.orange{--accent:#ffd03f;--cardtext:#ffdc59}.dashboard-stats .stat-card.blue{--accent:#00c8ff;--cardtext:#13e2ff}
.stat-icon{width:67px;height:68px;display:grid;place-items:center;flex:0 0 67px;color:var(--accent);background:linear-gradient(140deg,#08274a,#09132e);border:1px solid var(--accent);border-radius:12px;box-shadow:inset 0 0 13px color-mix(in srgb,var(--accent) 12%,transparent)}
.stat-copy{min-width:0;flex:1}.stat-label{color:#e9f3ff;font-size:14px;font-weight:570}
.dashboard-stats .stat-value{margin:4px 0 3px;font-size:clamp(20px,2.05vw,31px);font-weight:810!important;color:var(--cardtext);letter-spacing:0!important;font-variant-numeric:tabular-nums;line-height:1.14;white-space:nowrap}
.stat-detail{color:#b9cde6;font-size:12px;line-height:1.2}.stat-decoration{position:absolute;top:12px;right:11px;display:grid;place-items:center;color:var(--accent);width:25px;height:25px;border:1px solid #30558e;border-radius:6px;opacity:.85}
/* categories */
.category-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 12px}
.category-tile{--tile:#08e3ff;display:flex;align-items:center;text-align:left;gap:12px;min-width:0;min-height:86px;padding:12px 14px;border-radius:12px;background:linear-gradient(118deg,#041b37,#091b3a 60%,#0d1034);border:1px solid var(--tile);box-shadow:inset 0 1px #ffffff0a,0 0 9px color-mix(in srgb,var(--tile) 24%,transparent);color:white;transition:background .16s,transform .16s,border-color .16s}
.category-tile::before{content:none}.category-tile.tone-cyan{--tile:#09d8ff}.category-tile.tone-pink{--tile:#f338e2}.category-tile.tone-violet{--tile:#ad40ff}
.category-tile>.ui-icon{color:var(--tile);flex:0 0 38px;width:38px;height:38px;stroke-width:1.75}
.category-tile-copy{display:block;min-width:0}.category-tile-name{display:block;margin:0 0 4px;color:#f8fbff;font-size:15px!important;font-weight:730;line-height:1.25;overflow-wrap:anywhere}
.category-tile small{display:block;color:#c0d3f4;font-size:12px;line-height:1.15}
.category-tile:hover{background:linear-gradient(115deg,#092d53,#201342);transform:translateY(-1px)}
.category-tile.active{box-shadow:inset 0 0 0 1px var(--tile),0 0 15px color-mix(in srgb,var(--tile) 38%,transparent);background:linear-gradient(120deg,#052b49,#0b1840 75%,#171044)}
/* Planning table */
.table-panel.planning-panel{border:1px solid #02d5ff;border-radius:13px;background:linear-gradient(180deg,#061632,#06112b);box-shadow:0 0 11px #08c0ff30,inset 0 1px #eaffff13;margin:0 0 12px;min-height:230px;overflow:hidden}
.planning-head{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:71px;margin:0;padding:13px 14px!important;background:transparent;border-bottom:none}
.planning-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.section-leading-icon{color:#e7faff;display:flex;align-items:center;justify-content:center}
.planning-head h2{margin:0 0 3px;font-size:21px;font-weight:750;color:#fff;white-space:normal}
.planning-head h2 span{display:inline-flex;vertical-align:middle;padding:3px 8px;margin-left:5px;border-radius:8px;background:#14385e;color:#c9eaff;font-size:12px;font-weight:730;white-space:nowrap}
.planning-head .panel-subcopy{color:#accbf1;font-size:13px}
.planning-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.planning-actions .btn{min-height:42px;padding:9px 12px;font-size:13px;font-weight:720;border-radius:9px;box-shadow:none;gap:7px}
.btn.primary,.planning-actions .btn.primary{background:linear-gradient(105deg,#05d8fa,#29b9f9);border:1px solid #20ccff;color:#06112c;font-weight:740}
.btn.primary:hover{background:linear-gradient(110deg,#44eafb,#5acaff)}
.btn.secondary,.planning-actions .btn.secondary{background:linear-gradient(115deg,#132654,#161b50);border:1px solid #386abd;color:#ecf5ff}
.btn.secondary:hover{border-color:#10b5ff;background:#152c65}
.planning-actions .view-all{border-color:#396ebf;background:#101d3e}
.dashboard-desktop-items{margin:0 11px 11px;border:1px solid #274f91;border-radius:9px;overflow:hidden}
.planning-table{width:100%;border-collapse:collapse;table-layout:fixed}
.planning-table th{height:37px;padding:7px 10px;color:#c8dcf6;background:#0b2044;font-size:12px;text-align:left;font-weight:680;border-right:1px solid #1d3d6e}
.planning-table th:first-child{width:21%}.planning-table th:last-child{width:9%}
.planning-table td{padding:9px 10px;font-size:13px;color:#eff7ff;background:#081835;border-bottom:1px solid #203b6e}
.planning-table tbody tr:hover td{background:#10274b}
.planning-table .blank-row td{height:109px;padding:0;background:#06152d}
.illustrated-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:106px;padding:11px;text-align:center;color:#c4d8f5;font-size:12px}
.illustrated-empty .empty-icon{color:#8aaefd;display:flex;align-items:center;justify-content:center;margin-bottom:4px;opacity:.93}
.illustrated-empty strong{font-size:13px;font-weight:650;color:#e2ebff}.illustrated-empty>span:last-child{max-width:290px;color:#aebfdd;line-height:1.35}
.dashboard-mobile-items{display:none}
/* Bottom three matching panels */
.dashboard-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.dashboard-bottom-grid>.panel{min-width:0;min-height:179px;padding:8px 8px 9px;border-radius:12px;border:1px solid var(--accent);background:linear-gradient(180deg,#061633,#06132c);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 22%,transparent)}
.dashboard-bottom-grid>.tone-violet{--accent:#b539ff}.dashboard-bottom-grid>.tone-cyan{--accent:#02bfe9}.dashboard-bottom-grid>.tone-pink{--accent:#e530f4}
.dashboard-bottom-grid .panel-title{display:flex;gap:9px;align-items:center;margin:0;padding:8px 5px 11px;min-height:50px}
.bottom-panel-icon{display:flex;align-items:center;justify-content:center;color:var(--accent)}
.panel-title-copy{flex:1;min-width:0}.dashboard-bottom-grid .panel-title h2{font-size:17px;color:#fff;font-weight:750;margin:0 0 3px}
.dashboard-bottom-grid .panel-title p{margin:0;color:#b8cbe9;font-size:11.5px;line-height:1.2}
.dashboard-bottom-grid .text-action{font-size:12px;color:#43e2fa;font-weight:650;white-space:nowrap;display:inline-flex;gap:3px;align-items:center}
.dashboard-bottom-grid .text-action:hover{text-decoration:underline}
.dashboard-bottom-grid .illustrated-empty{border:1px solid #21417a;background:linear-gradient(180deg,#0a2042,#081b3b);border-radius:9px;min-height:102px;padding:13px 12px}
.dashboard-bottom-grid .illustrated-empty strong{font-size:12.5px;font-weight:550}.dashboard-bottom-grid .illustrated-empty>span:last-child{font-size:11.5px;max-width:270px}
.dashboard-bottom-grid .illustrated-empty .empty-icon{margin:0 0 1px;color:#8eaefc}
.dashboard-bottom-grid .info-list,.dashboard-bottom-grid .comment-mini-list,.dashboard-bottom-grid .activity-mini-list{max-height:158px;overflow:auto;border-radius:9px;padding:3px 8px;background:#091b39;border:1px solid #243c6d}
.dashboard-bottom-grid .info-row,.dashboard-bottom-grid .comment-mini,.dashboard-bottom-grid .activity-mini{padding:7px 2px}
.dashboard-bottom-grid .info-copy small,.dashboard-bottom-grid .comment-mini small,.dashboard-bottom-grid .activity-mini small{font-size:11px}
/* Consistent cross-app controls, avoid hazy tiny labels */
.heading h1{font-size:31px}.heading .eyebrow,.eyebrow{font-size:11px;color:#35d6fd;letter-spacing:.09em!important}
.section-desc{color:#bbcbe2;font-size:14px}.mini-stat{background:#091c39;border:1px solid #2b5090}
.panel,.table-panel{background:linear-gradient(180deg,#081a38,#091631);border-color:#2d5090}
.form-grid label,.form-stack label{font-size:14px;color:#dce8f7;font-weight:600}
input,select,textarea{color:#f9fdff;background:#091b39;border:1px solid #345b99;border-radius:10px;font-size:15px!important;min-height:42px}
input::placeholder,textarea::placeholder{color:#9db0cc}
.item-link{color:#f4faff}.simple-item{background:#0c1d3d;border-color:#2b558c}.simple-detail,.simple-values small{color:#b8cdea}
.modal,.auth-card{background:#091a36;border:1px solid #3570b6;box-shadow:0 24px 80px #000b}
.modal-top,.modal-body,.modal-footer{background:#0b1b38}
.btn{font-weight:700}
.pill{font-weight:650}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-grid .panel p{font-size:14px}.settings-grid .btn{margin-top:4px}
.auth-wrap{background:radial-gradient(680px 340px at 10% 0,#063a6888,transparent),radial-gradient(700px 360px at 90% 10%,#6b1fa544,transparent),#070d20}
.brand-badge.logo-badge{width:220px!important;height:190px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.brand-badge.logo-badge img{max-width:100%;max-height:100%;object-fit:contain}
.mobile-bottom-nav{display:none}.mobile-menu-toggle{display:none}.mobile-menu-backdrop{display:none}
@media(max-width:1500px){
 .layout{grid-template-columns:232px minmax(0,1fr)}.sidebar-logo{width:214px}
 .main-content{padding:0 15px 22px}.event-hero{padding-left:13px}.hero-brand-logo{width:213px;flex-basis:213px}
 .event-title-row h1{font-size:clamp(24px,2.35vw,32px)}
 .stat-icon{width:55px;height:59px;flex-basis:55px}.dashboard-stats .stat-card{padding:12px 9px;gap:10px}
 .category-tile{gap:7px;padding:10px}.category-tile>.ui-icon{width:30px;height:30px;flex-basis:30px}.category-tile-name{font-size:14px!important}
 .planning-actions .btn{padding:8px 10px}
}
@media(max-width:1220px){
 .layout{grid-template-columns:216px minmax(0,1fr)}.sidebar-logo{width:200px}
 .dashboard-stats .stat-card{min-height:110px}.stat-icon{display:none}.stat-decoration{opacity:.45}
 .category-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category-tile{min-height:76px}.category-tile>.ui-icon{display:block}
 .event-hero-side{flex-direction:column;align-items:flex-end}.hero-brand-logo{width:160px;flex-basis:160px}
 .planning-head{align-items:flex-start;flex-wrap:wrap}.planning-actions{flex:1 1 100%;justify-content:flex-start}.table-panel.planning-panel{min-height:auto}
 .dashboard-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom-grid>.panel:last-child{grid-column:1/-1}
}
@media(max-width:980px){
 .layout{grid-template-columns:minmax(0,1fr)}
 .sidebar{width:min(85vw,300px);height:100dvh;position:fixed;z-index:55;inset:0 auto 0 0;transform:translateX(-110%);transition:transform .22s ease;box-shadow:0 25px 75px #000a;overflow:hidden;padding:0 14px 12px}
 .layout.sidebar-open .sidebar{transform:translateX(0)}
 .sidebar .nav{display:flex!important;flex-direction:column!important;flex:1;overflow:auto}.sidebar .side-brand{height:160px!important;margin:0!important}.sidebar-logo{height:156px;width:190px}
 .sidebar .side-bottom{margin-top:auto!important}
 .mobile-menu-backdrop{display:block;position:fixed;z-index:50;inset:0;background:#010714c7;opacity:0;pointer-events:none;transition:opacity .2s}
 .layout.sidebar-open .mobile-menu-backdrop{opacity:1;pointer-events:auto}
 .mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;min-width:42px;border:1px solid #2d5794;color:#bcecff}
 body.menu-open{overflow:hidden}
 .topbar{height:70px;min-height:70px;padding:10px 14px;position:sticky;top:0;z-index:20}
 .online-dot,.online-txt{display:none!important}
 .main-content{padding:12px 14px 90px}
 .event-hero{height:auto;min-height:150px;margin-bottom:12px;padding:14px}.event-hero-main{gap:10px}.hero-brand-logo{width:122px;height:120px;flex-basis:122px}
 .event-title-row h1{font-size:clamp(22px,3.2vw,29px)}
 .stat-grid.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-icon{display:grid}
 .dashboard-desktop-items{display:none!important}.dashboard-mobile-items{display:block!important;padding:0 8px 8px}.dashboard-mobile-items .illustrated-empty{min-height:100px;border:1px solid #234a85;border-radius:9px}
 .dashboard-bottom-grid{grid-template-columns:1fr}.dashboard-bottom-grid>.panel:last-child{grid-column:auto}
 .planning-actions .btn{flex:1 1 auto}
 .mobile-bottom-nav{display:flex;position:fixed;z-index:33;inset:auto 0 0;min-height:65px;padding:7px 12px calc(5px + env(safe-area-inset-bottom));gap:4px;align-items:center;justify-content:space-around;background:#060e27ef;backdrop-filter:blur(12px);border-top:1px solid #315bb3;box-shadow:0 -6px 30px #0007}
 .mobile-bottom-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 0;color:#c8d7f1;border:0;background:transparent;border-radius:10px;min-height:51px}
 .mobile-bottom-nav .bottom-nav-item small{font-size:11px;font-weight:600;color:inherit}
 .mobile-bottom-nav button.active{color:#06d9ff;background:#0a254e}
 .mobile-bottom-nav .bottom-add{flex:0 0 50px;height:50px;border:1px solid #de24ff;border-radius:50%;color:#fff;background:linear-gradient(135deg,#074f86,#7b17a7);box-shadow:0 0 14px #a016f97a}
 .footer{display:none}
}
@media(max-width:640px){
 body{font-size:15px}
 .topbar{height:64px;min-height:64px;padding:8px 11px}.topbar-left{gap:8px;flex:1}.topbar .header-right .topbar-edit,.topbar .header-right .header-notifications{display:none}.top-party{max-width:calc(100vw - 112px)}
 .party-select-row select{min-width:0;max-width:100%;width:100%;font-size:14px!important;padding:6px 5px}.party-select-row{gap:6px}.mini-add{width:34px;height:35px}
 .main-content{padding:10px 10px 87px}
 .event-hero{min-height:128px;padding:12px;display:block}.event-hero-main{gap:8px;align-items:center}
 .hero-brand-logo{width:84px;height:92px;flex-basis:84px}.event-title-row{gap:5px}.event-title-row h1{font-size:clamp(18px,5vw,25px)}.event-title-row .ghost-icon{min-width:32px;min-height:32px;padding:5px}
 .event-subline{font-size:12px;gap:6px;margin-top:8px}.event-subline .ui-icon{width:15px;height:15px}
 .event-hero-side{flex-direction:row;justify-content:flex-start;align-items:center;gap:7px;margin:7px 0 0 4px}.event-hero-side .pill,.hero-chip{font-size:11px;padding:4px 8px;border-radius:7px}
 .stat-grid.dashboard-stats{gap:8px;margin-bottom:10px}.dashboard-stats .stat-card{min-height:96px;padding:10px;border-radius:10px;gap:8px}.stat-icon{display:none}.dashboard-stats .stat-label{font-size:12px}.dashboard-stats .stat-value{font-size:clamp(20px,5.1vw,27px);white-space:normal}.dashboard-stats .stat-detail{font-size:11px}.stat-decoration{display:none}
 .category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.category-tile{min-height:72px;padding:9px;border-radius:10px;gap:7px}.category-tile>.ui-icon{height:27px;width:27px;flex-basis:27px}.category-tile-name{font-size:13px!important;margin:0 0 4px}.category-tile small{font-size:11px}
 .table-panel.planning-panel{border-radius:12px;margin-bottom:10px}.planning-head{min-height:0;padding:12px!important}.planning-title-wrap{gap:7px}.planning-head h2{font-size:18px}.planning-head h2 span{font-size:10px}.section-leading-icon svg{width:23px;height:23px}
 .planning-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}.planning-actions .btn{white-space:normal;min-height:42px;padding:8px 7px;font-size:12px}.planning-actions .btn.primary{grid-column:1/-1}
 .dashboard-bottom-grid{gap:10px}.dashboard-bottom-grid>.panel{min-height:150px}
 .settings-grid{grid-template-columns:1fr}
 .modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:18px 18px 0 0;max-height:95dvh;width:100%}
}
@media(max-width:380px){.category-tile-name{font-size:12px!important}.hero-brand-logo{width:68px;flex-basis:68px}.event-title-row h1{font-size:18px}.dashboard-stats .stat-value{font-size:20px}.planning-actions .btn{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Final match corrections: compact horizontal category tiles */
@media(min-width:981px){
 .category-tile{flex-direction:row!important;align-items:center!important;text-align:left!important;justify-content:flex-start!important;height:85px!important;min-height:85px!important;padding:11px 13px!important}
 .category-tile>.ui-icon{display:block!important;flex:0 0 35px!important;height:35px!important;width:35px!important}
 .category-tile-copy{display:block!important;flex:1;min-width:0}
 .category-tile .category-tile-name{margin:0 0 4px!important;text-align:left!important}
 .category-tile small{text-align:left!important}
}
@media(max-width:640px){
 .category-tile{flex-direction:row!important;align-items:center!important;text-align:left!important;justify-content:flex-start!important}
 .category-tile>.ui-icon{width:27px!important;height:27px!important;flex:0 0 27px!important}
 .category-tile-copy,.category-tile .category-tile-name,.category-tile small{text-align:left!important}
}
/* Target screenshot vertical rhythm and larger, more prominent hero emblem */
@media(min-width:1221px){
 .hero-brand-logo{transform:scale(1.34);transform-origin:center;}
 .planning-head{min-height:66px!important;padding-top:10px!important;padding-bottom:10px!important}
 .planning-table .blank-row td{height:100px}
 .planning-table .illustrated-empty{min-height:99px}
}
@media(max-width:1220px) and (min-width:641px){.hero-brand-logo{transform:scale(1.12)}}

/* v1.5.1 hero refinement: no duplicate logo, stronger title style */
.event-hero-main.hero-no-logo{gap:0;align-items:center;min-width:0}
.event-meta-copy.hero-copy-wide{width:100%;max-width:min(900px,100%)}
.hero-event-name{
  margin:0;
  color:#ffffff !important;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', 'Segoe UI', sans-serif;
  font-size:clamp(33px,2.9vw,56px) !important;
  line-height:1.02 !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  text-transform:none;
  text-shadow:
    0 1px 0 rgba(255,255,255,.12),
    0 4px 12px rgba(0,0,0,.55),
    0 0 18px rgba(28,144,255,.10);
}
.event-title-row .hero-event-name{flex:1 1 auto;min-width:0}
.event-title-row .ghost-icon{flex:0 0 auto;margin-left:4px}
.event-subline{font-size:15px;color:#d4e6ff;gap:11px 16px}
.event-subline span{font-weight:640}
.event-subline .ui-icon{color:#18dfff;opacity:1}
.event-hero{padding-left:28px;padding-right:24px}
.event-hero-side{padding-left:12px}
@media (max-width:1220px){
  .hero-event-name{font-size:clamp(29px,3vw,46px) !important}
}
@media (max-width:760px){
  .event-hero-main.hero-no-logo{width:100%}
  .event-meta-copy.hero-copy-wide{max-width:100%}
  .hero-event-name{font-size:clamp(24px,6vw,34px) !important;line-height:1.04 !important}
  .event-subline{font-size:13px;gap:6px 10px}
}
@media (max-width:430px){
  .hero-event-name{font-size:clamp(22px,6.8vw,30px) !important}
  .event-title-row .ghost-icon{min-width:34px;min-height:34px;padding:6px}
}

/* v1.5.2 dynamic hero title */
.hero-event-name{
  --hero-title-size:48px;
  --hero-title-size-mobile:28px;
  --hero-title-letter:.012em;
  --hero-title-font:Impact, Haettenschweiler, 'Arial Narrow Bold', 'Segoe UI', sans-serif;
  --hero-grad-1:#ffffff;
  --hero-grad-2:#72ebff;
  --hero-grad-3:#ff54d5;
  --hero-title-glow:rgba(0,221,255,.18);
  font-family:var(--hero-title-font);
  font-size:min(clamp(32px,2.9vw,56px), var(--hero-title-size)) !important;
  line-height:1.02 !important;
  font-weight:900 !important;
  letter-spacing:var(--hero-title-letter) !important;
  background-image:linear-gradient(92deg,var(--hero-grad-1) 0%,var(--hero-grad-2) 46%,var(--hero-grad-3) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 2px 0 rgba(255,255,255,.06)) drop-shadow(0 5px 14px rgba(0,0,0,.42)) drop-shadow(0 0 14px var(--hero-title-glow));
}
.event-title-row{align-items:flex-start}
.event-title-row .hero-event-name{padding-bottom:2px}
@media (max-width:760px){
  .hero-event-name{font-size:min(clamp(22px,6vw,34px), var(--hero-title-size-mobile)) !important}
}
@media (max-width:430px){
  .hero-event-name{font-size:min(clamp(20px,6.7vw,30px), var(--hero-title-size-mobile)) !important}
}


/* LAN_PLaN v1.6 — konsolidierte Bedienoberfläche für alle Ansichten.
   Die semantischen Kategorieakzente werden von der Anwendung vergeben; Farben sind keine Nutzereinstellung. */
:root{--ui-bg:#070f21;--ui-card:#0c1b38;--ui-border:#31578f;--ui-text:#f4f8ff;--ui-sub:#bbcee8;--ui-cyan:#22d9ff;--ui-pink:#fc4cda;--ui-violet:#b86aff}
body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.5;text-rendering:optimizeLegibility;font-synthesis:none;color:var(--ui-text)}
h1,h2,h3,.heading h1,.panel-title h2,.item-link,.stat-value{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-weight:750;letter-spacing:0!important}
button,input,select,textarea{font-family:inherit!important;letter-spacing:normal!important}
.btn,.nav-item,.text-action,.item-link{font-weight:700}
.btn{min-height:43px;line-height:1.3;white-space:normal}
.btn.small{min-height:39px;padding:8px 11px}
a,.text-action{color:#6be9ff}
:focus-visible{outline:2px solid #32e4ff!important;outline-offset:3px}
.heading{align-items:center;gap:15px;margin:0 0 19px}
.heading .eyebrow{font-size:11px!important;font-weight:800;color:#6ddfff}
.heading h1{font-size:clamp(25px,2.5vw,32px);line-height:1.16;margin:5px 0 7px}
.section-desc,.panel p,.info-strip,.notice,.table-note{color:#c2d1e8;line-height:1.5}
.heading-actions{align-self:center;gap:9px}
.panel,.table-panel{border-radius:14px;border-color:#304f83;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.panel{padding:19px}
.panel-title h2{font-size:18px}
.mini-stats{gap:12px;margin-bottom:17px}
.mini-stat{min-height:89px;padding:14px 17px;border-radius:13px;background:linear-gradient(155deg,#0a1d3d,#0a1632)}
.mini-stat small{font-size:13px;color:#bed0ec;font-weight:550;margin:0 0 5px}
.mini-stat strong{font-size:22px;line-height:1.15;font-weight:780;color:#fff;overflow-wrap:anywhere}
/* Artikel: Desktop kompakt und 5 Messwerte sofort scanbar */
.filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,230px) auto;gap:11px;margin:0 0 16px;align-items:center}
.filters input[type=search]{width:100%;min-width:0;min-height:46px;font-size:15px!important;padding:11px 14px}
.filters select{width:100%;min-height:46px;font-size:14px!important}
.filter-check{display:inline-flex;align-items:center;gap:10px;white-space:normal;min-height:46px;font-size:14px;color:#e0eafb;font-weight:650;cursor:pointer}
.filter-check input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;min-width:18px!important;margin:0!important;padding:0!important;accent-color:#17d7ff;flex:0 0 18px;box-shadow:none}
.simple-group{margin-bottom:14px;border:1px solid #365788}
.simple-group>.group-head{padding:13px 17px;min-height:54px;gap:10px;background:linear-gradient(115deg,#10264a,#0a1833)}
.simple-group .group-head h2{font-size:17px;gap:9px;min-width:0;display:flex;flex-wrap:wrap;font-weight:750}
.simple-group .group-head h2 span{margin-left:0;padding:3px 8px;font-size:12px}
.group-category-icon,.category-icon-box{display:grid;place-items:center;flex:0 0 auto;color:var(--cat-tone,#20d7ff);background:color-mix(in srgb,var(--cat-tone,#20d7ff) 12%,#0b1c3d);border:1px solid color-mix(in srgb,var(--cat-tone,#20d7ff) 40%,#233c70);border-radius:10px}
.group-category-icon{width:31px;height:31px}.category-icon-box{width:43px;height:43px}
.tone-cyan{--cat-tone:#20d7ff}.tone-violet{--cat-tone:#ab74ff}.tone-pink{--cat-tone:#f054d8}
.group-sum{font-size:13px;color:#cbd9ef;font-weight:600;white-space:nowrap}
.simple-group .items-list{padding:0 11px 11px}
.simple-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:17px!important;align-items:center!important;min-height:128px;padding:16px 17px!important;border-radius:12px!important;border:1px solid #2b4976!important;background:linear-gradient(115deg,#0e2243,#0b1a35)!important;box-shadow:none!important}
.simple-item:first-child{margin-top:11px}
.simple-item+.simple-item{margin-top:9px}
.simple-item:hover{background:linear-gradient(115deg,#122950,#0d1e40)!important;border-color:#4076af!important}
.simple-main{min-width:0}
.simple-item-head{margin:0 0 4px;gap:10px}
.simple-item-head .item-link{font-size:18px!important;line-height:1.25;color:#f7fbff;font-weight:760;padding:2px 0}
.simple-detail{font-size:12px!important;color:#b7c9e6;line-height:1.4;min-height:18px}
.simple-values{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px 15px!important;margin-top:12px!important}
.simple-values>div{min-width:0!important}
.simple-values small{display:block;font-size:12px!important;font-weight:550;color:#b7c9e6;line-height:1.3;margin:0 0 3px}
.simple-values strong{display:block;font-size:15px!important;line-height:1.3;font-weight:760;color:#fff;white-space:normal;overflow-wrap:anywhere}
.simple-values .warn-text{color:#ffd56b}
.simple-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:244px;min-width:244px;max-width:244px!important;margin:0;align-items:stretch!important}
.simple-actions .btn{min-height:40px;padding:8px 9px!important;font-size:12.5px!important;border-radius:9px;display:flex;justify-content:center;align-items:center;gap:5px}
.simple-actions .item-comment-action{font-size:12.5px!important;display:flex}
.simple-actions .item-comment-action svg{flex:0 0 auto}
.simple-actions .btn:disabled{opacity:.45}
.table-note{padding:13px 16px;font-size:13px;line-height:1.5;margin:0 0 10px}
/* Kategorien, Benutzer und Protokoll: kürzere, klar fokussierte Zeilen */
.category-management-panel{padding:9px 19px}
.category-row{min-height:70px;padding:12px 1px;gap:14px}
.category-identity strong{font-size:16px;line-height:1.3;font-weight:750}
.category-identity small{font-size:13px;line-height:1.35;color:#b6c8df;margin-top:4px}
.category-row .row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.category-row .table-btn{width:40px;height:40px;min-width:40px;font-size:17px;border:1px solid #335589}
.category-row .table-btn:disabled{opacity:.27;cursor:not-allowed}
.category-list .avatar{flex:0 0 auto}
.comment-composer{padding:19px;margin-bottom:15px}
.comment-composer h2{font-size:19px;margin:0 0 12px}
.comment-composer form{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);column-gap:16px;row-gap:12px;align-items:start}
.comment-composer form label{min-width:0}
.comment-composer select{max-width:none!important}
.comment-composer form label:nth-of-type(2){grid-column:2;grid-row:1/3}
.comment-composer textarea{min-height:112px;width:100%;font-size:15px!important}
.comment-composer .btn{grid-column:1;align-self:start;justify-self:stretch}
.comment{padding:15px 0;gap:12px}
.comment-meta strong{font-size:14px}.comment-meta span:not(.pill){font-size:12px;color:#a6b9d6}
.comment-body p{font-size:14px;color:#e2eaf6}
.audit-row{padding:13px 0;gap:13px}
.audit-icon{background:#122c55;color:#60eaff;border:1px solid #2868a0;width:40px;height:40px;border-radius:11px}
.audit-text{font-size:14px;color:#e2ecfb}
.audit-text small{font-size:12px;color:#adc2df}
.audit-text summary{font-size:13px;color:#81e7ff;min-height:28px}
.audit-changes{font-size:13px;background:#0d2448;border:1px solid #2e5288;color:#d0deef;overflow-wrap:anywhere}
.settings-grid{gap:13px}.settings-grid .panel{padding:20px;min-height:180px;display:flex;flex-direction:column;align-items:flex-start}
.settings-grid .panel h2{font-size:19px;margin-bottom:10px}.settings-grid .panel p{font-size:14px;flex:1}
.settings-grid .panel .btn{margin-top:auto}
.people-desktop-table .data-table th{font-size:12px;color:#b5c6e0}
.people-desktop-table .data-table td{font-size:14px}
.people-desktop-table .data-table .weight{font-size:15px}
.payment-details summary{font-size:13px;color:#65dfff;min-height:32px}
.payment-line{font-size:13px;line-height:1.4;gap:8px;padding:7px 0}
.people-mobile-cards .people-card{box-shadow:none}
.notice,.info-strip{font-size:13px;line-height:1.5}
/* Dialoge und Eingaben: deutlich beschriftet, mobil bedienbar */
.modal{border-color:#3b72b7;border-radius:17px}
.modal-top h2{font-size:23px;font-weight:760}
.modal-top p{font-size:14px;color:#b9cce7}
.modal-body{padding-top:19px;padding-bottom:19px}
.modal label,.auth-card label{font-size:14px;color:#dbe9fc;font-weight:650}
.modal input,.modal select,.modal textarea{font-size:16px!important;min-height:45px}
.modal input[type=color]{height:46px}
.modal-guidance,.quick-explain{font-size:13px;color:#bdcde8;line-height:1.5}
.advanced-details summary{min-height:44px;padding:9px 2px;color:#eef8ff;font-size:14px}
.modal-footer{gap:9px;align-items:center}
.modal-footer .btn{min-height:43px}
input[type=checkbox],input[type=radio]{accent-color:#25d6f5}
/* Kein gestauchter Text auf großen Screens und keine versteckten Inhalte auf kleinen Screens */
@media(max-width:1320px){
 .simple-item{grid-template-columns:minmax(0,1fr)!important;gap:13px!important}
 .simple-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%;min-width:0;max-width:none!important}
 .simple-actions .btn{min-width:0}
}
@media(max-width:980px){
 .main-content{padding-top:14px}
 .heading{align-items:flex-start;flex-direction:column;gap:12px}
 .heading-actions{align-self:stretch;width:100%;justify-content:flex-start}
 .heading-actions .btn{flex:1 1 auto}
 .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .comment-composer form{grid-template-columns:1fr 1fr}
 .simple-values{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .simple-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:700px){
 body{font-size:15px}
 .main-content{padding-top:14px}
 .heading h1{font-size:26px}
 .heading-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .heading-actions .btn{min-width:0;font-size:13px!important;padding:10px 9px}
 .mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 .mini-stat{min-height:84px;padding:12px}
 .mini-stat small{font-size:12px}
 .mini-stat strong{font-size:19px}
 .filters{grid-template-columns:1fr 1fr!important;gap:9px}
 .filters input[type=search]{grid-column:1/-1}
 .filters select{width:100%}
 .filter-check{font-size:13px;line-height:1.3;min-width:0}
 .simple-group>.group-head{padding:11px 12px;flex-wrap:wrap;gap:4px 11px}
 .simple-group .group-head h2{font-size:16px}
 .group-sum{font-size:12px}
 .simple-group .items-list{padding:0 8px 8px}
 .simple-item{min-height:0!important;padding:13px 12px!important;margin-top:8px!important;gap:12px!important}
 .simple-item-head .item-link{font-size:17px!important}
 .simple-detail{font-size:12px}
 .simple-values{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px 9px!important;margin-top:12px!important}
 .simple-values small{font-size:11px!important;line-height:1.2}
 .simple-values strong{font-size:14px!important}
 .simple-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;width:100%;min-width:0;max-width:100%!important}
 .simple-actions .btn{min-height:44px!important;font-size:13px!important;padding:8px 6px!important}
 .category-management-panel{padding:5px 12px}
 .category-row{padding:12px 0;gap:8px}
 .category-icon-box{width:39px;height:39px}
 .category-identity{gap:10px}
 .category-identity strong{font-size:14px}.category-identity small{font-size:11.5px}
 .category-row .row-actions .btn{font-size:12px;min-height:38px;padding:7px 9px}
 .category-row .table-btn{min-width:36px;height:38px;width:36px}
 .settings-grid{grid-template-columns:1fr}
 .settings-grid .panel{min-height:0}
 .comment-composer form{display:flex;flex-direction:column;gap:12px}
 .comment-composer form label:nth-of-type(2){width:100%}
 .comment-composer select,.comment-composer form .btn{width:100%;max-width:none}
 .comment-composer textarea{min-height:115px}
 .comment-meta{gap:6px 9px}
 .modal-body{padding:14px}
 .modal-top{padding:16px 14px}.modal-top h2{font-size:21px}
 .modal-footer{padding:12px 14px;position:sticky;bottom:0;background:#071b37;z-index:1}
 .modal-footer .btn{min-height:46px}
 .audit-text{font-size:13px}
 .info-strip,.notice{font-size:12.5px}
}
@media(max-width:395px){
 .filters{grid-template-columns:1fr!important}
 .filters input[type=search]{grid-column:1}
 .filter-check{min-height:28px}
 .simple-values{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .category-row .category-icon-box{display:none}
 .heading-actions .btn{font-size:12px!important}
}
/* Kategorien: Aktionen bleiben auch auf schmalen Smartphones in einer Zeile */
@media(max-width:700px){
 .category-management-panel .category-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important}
 .category-management-panel .category-identity{min-width:0;overflow-wrap:anywhere}
 .category-management-panel .row-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:6px;justify-content:flex-end}
 .category-management-panel .row-actions .btn{font-size:12px!important;white-space:nowrap;min-width:0}
 .category-management-panel .row-actions .table-btn{flex:0 0 36px}
}
@media(max-width:390px){
 .category-management-panel .row-actions .btn{padding:7px 7px!important;font-size:11px!important}
 .category-management-panel .row-actions .btn svg{width:14px;height:14px}
}


/* v1.6.1 — Dashboard: direkte Artikelbearbeitung und transparente Soll-/Ist-Gesamtbeträge */
.dashboard-desktop-items{overflow-x:auto}
.dashboard-desktop-items .planning-table{min-width:970px;table-layout:fixed}
.dashboard-desktop-items .planning-table th:first-child{width:18%}
.dashboard-desktop-items .planning-table th:nth-child(6){width:12%}
.dashboard-desktop-items .planning-table th:nth-child(7){width:16%}
.dashboard-desktop-items .planning-table th:nth-child(8){width:10%}
.dashboard-desktop-items .planning-table th:last-child{width:15%}
.dashboard-desktop-items .planning-table td{vertical-align:middle}
.dashboard-desktop-items .planning-table th,.dashboard-desktop-items .planning-table td{padding:9px 8px;white-space:nowrap}
.dashboard-total-price{font-variant-numeric:tabular-nums}
.dashboard-total-price span{display:block;line-height:1.45}
.dashboard-total-plan{font-weight:700;color:#d9eafd}
.dashboard-total-actual{font-weight:700;color:#4be2fa}
.dashboard-row-actions{display:flex;align-items:center;gap:5px;justify-content:flex-start;flex-wrap:nowrap}
.dashboard-row-actions .table-btn{min-height:36px}
.dashboard-edit-button{gap:5px;padding:6px 8px!important;font-size:12px!important;font-weight:750!important;color:#f4faff!important;background:#112e58!important;border:1px solid #3c79bc!important;white-space:nowrap}
.dashboard-edit-button:hover{background:#1d467c!important;border-color:#15d8fc!important}
.dashboard-history-button{padding:6px!important;min-width:36px;border-color:#345b94!important}
.dashboard-mini-costs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 10px}
.dashboard-mini-costs>div{min-width:0;background:#0c2244;border:1px solid #274c84;border-radius:9px;padding:9px}
.dashboard-mini-costs small{display:block;color:#a9c3e8;font-size:11px;line-height:1.3;margin-bottom:4px}
.dashboard-mini-costs strong{display:block;font-size:13px;line-height:1.35;color:#f3faff;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.dashboard-mini-costs>div:last-child strong{color:#59e9ff}
.dashboard-mini-foot{gap:7px}
.dashboard-mini-foot .mini-action{display:inline-flex;gap:5px;align-items:center;justify-content:center;flex:1 1 100px}
.dashboard-mobile-edit{border-color:#22c9fc;background:#0d3667;color:#fff}
@media (min-width:981px) and (max-width:1290px){
 .dashboard-desktop-items .planning-table{min-width:1010px}
}
@media(max-width:430px){
 .dashboard-mini-costs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dashboard-mini-costs>div:first-child{grid-column:1/-1}
 .dashboard-mini-foot .mini-action{flex:1 1 calc(50% - 7px);min-height:42px}
}

/* Dashboard column proportions prevent cramped/overlapping labels on desktop. */
.dashboard-desktop-items .planning-table{min-width:1050px}
.dashboard-desktop-items .planning-table th:nth-child(1){width:17%}
.dashboard-desktop-items .planning-table th:nth-child(2){width:6.5%}
.dashboard-desktop-items .planning-table th:nth-child(3){width:7%}
.dashboard-desktop-items .planning-table th:nth-child(4){width:7%}
.dashboard-desktop-items .planning-table th:nth-child(5){width:9%}
.dashboard-desktop-items .planning-table th:nth-child(6){width:12%}
.dashboard-desktop-items .planning-table th:nth-child(7){width:17%}
.dashboard-desktop-items .planning-table th:nth-child(8){width:10%}
.dashboard-desktop-items .planning-table th:nth-child(9){width:14.5%}
.dashboard-desktop-items .planning-table th{font-size:11px;letter-spacing:0;text-transform:none;overflow:hidden;text-overflow:ellipsis}

/* LAN_PLaN v1.7 — Agenda: responsive meeting planner */
.agenda-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:17px;align-items:start}
.agenda-sidebar,.agenda-detail{min-width:0;padding:19px;border-radius:16px}
.agenda-pane-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #273c70;padding-bottom:15px;margin-bottom:12px}
.agenda-pane-header h2{margin:0;font-size:18px;color:#f5f8ff}
.agenda-count{font-size:12px;color:#72dfff;background:#133456;border-radius:7px;padding:3px 8px;margin-left:5px}
.agenda-meetings{display:flex;flex-direction:column;gap:8px}
.agenda-meeting{width:100%;border:1px solid #2d477b;background:#0a1731;color:#f0f6ff;text-align:left;border-radius:12px;padding:14px 13px;display:flex;flex-direction:column;gap:7px;transition:border-color .12s,background .12s}
.agenda-meeting.active{border-color:#10d2fb;background:linear-gradient(100deg,#0a284b,#1e1540);box-shadow:inset 3px 0 0 #00d9ff,0 0 12px #06bbef22}
.agenda-meeting:hover{border-color:#678cf1;background:#101e40}
.agenda-meeting-title{font-size:15px;font-weight:790;line-height:1.35;overflow-wrap:anywhere}
.agenda-meeting-meta{display:flex;align-items:center;gap:5px;color:#b8cbed;font-size:12px}
.agenda-meeting-meta .ui-icon{color:#35d7ff;flex-shrink:0}
.agenda-meeting-foot{display:flex;justify-content:space-between;gap:9px;color:#b8c5e1;font-size:12px;border-top:1px solid #2a406c;padding-top:8px}
.agenda-meeting-foot span{color:#67e2ff}
.agenda-empty-list{margin:16px 3px;color:#aabcdf}
.agenda-detail{min-height:365px}
.agenda-detail-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.agenda-detail-title{min-width:0;flex:1 1 260px}
.agenda-detail-title h2{font-size:clamp(23px,2.2vw,30px);font-weight:830;line-height:1.2;color:#fff;margin:5px 0 12px;overflow-wrap:anywhere}
.agenda-detail-meta{display:flex;flex-wrap:wrap;gap:8px 15px;color:#b6cceb;font-size:13px}
.agenda-detail-meta span{display:inline-flex;align-items:center;gap:6px;overflow-wrap:anywhere}
.agenda-detail-meta .ui-icon{color:#1bddf5;flex-shrink:0}
.agenda-detail-actions{display:flex;gap:8px;flex-wrap:wrap}
.agenda-detail-actions .btn{min-height:39px}
.agenda-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:23px 0 18px}
.agenda-overview>div{background:#0b1d3e;border:1px solid #2c457a;border-radius:11px;padding:12px 15px}
.agenda-overview strong{font-size:22px;font-weight:850;color:#fcfdff;display:block;line-height:1.3}
.agenda-overview small{color:#b7cae4;font-size:12px}
.agenda-meeting-notes{padding:13px 16px;margin-bottom:18px;border:1px solid #2f487a;border-left:3px solid #b958ff;border-radius:10px;background:#0b1b38}
.agenda-meeting-notes strong{color:#dec1ff}
.agenda-meeting-notes p{margin:7px 0 0;color:#d3dff1;font-size:13px;overflow-wrap:anywhere}
.agenda-topics-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:17px;margin-bottom:15px;border-top:1px solid #263c6f}
.agenda-topics-head h3{font-size:19px;margin:0 0 3px;color:#f6fbff}
.agenda-topics-head p{font-size:13px;color:#9fb5d6;margin:0}
.agenda-topic-list{display:flex;flex-direction:column;gap:11px}
.agenda-topic{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:14px;border:1px solid #284678;border-radius:12px;padding:14px;background:linear-gradient(160deg,#0d1e40,#0b1630)}
.agenda-topic-number{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#0c4262;color:#7deafe;font-weight:850}
.agenda-topic-body{min-width:0}
.agenda-topic-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:5px}
.agenda-topic-header h3{font-size:16px;color:#fff;margin:0;overflow-wrap:anywhere}
.agenda-topic-tags{display:flex;flex-wrap:wrap;gap:8px 14px;color:#aabdde;font-size:12px}
.agenda-topic-tags span{display:inline-flex;align-items:center;gap:5px}
.agenda-topic-tags .ui-icon{color:#4fdbfa}
.agenda-topic-description{color:#c6d5ed;white-space:normal;font-size:13px;line-height:1.5;margin:11px 0 0;overflow-wrap:anywhere}
.agenda-topic-result{margin-top:12px;padding:11px 13px;border:1px solid #265a70;background:#09313a;border-radius:9px}
.agenda-topic-result strong{display:flex;gap:6px;align-items:center;color:#72efda;font-size:13px}
.agenda-topic-result p{color:#d2ebe8;margin:6px 0 0;font-size:13px;overflow-wrap:anywhere}
.agenda-topic-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.agenda-topic-actions>.btn{min-height:36px}
.agenda-icon-btn{border-radius:8px;background:#15274d;border:1px solid #365a91;color:#bce7ff;min-width:36px;height:36px;font-size:19px;font-weight:800}
.agenda-icon-btn:disabled{opacity:.3;cursor:default}
.agenda-icon-btn:not(:disabled):hover{background:#194479;color:#fff}
.agenda-blank,.agenda-empty-topics{text-align:center;padding:29px 15px;color:#aabfdf;display:flex;flex-direction:column;align-items:center;gap:9px}
.agenda-blank-icon,.agenda-empty-topics>.ui-icon{color:#6fe8ff}
.agenda-blank h2,.agenda-empty-topics h3{margin:0;color:#f4f7ff}
.agenda-blank p,.agenda-empty-topics p{max-width:420px;font-size:13px;color:#b3c6e4;margin:0 0 7px}
.agenda-detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #283e69;margin-top:19px;padding-top:15px}
.agenda-detail-bottom span{font-size:12px;color:#8eaacf}
@media(max-width:1100px){.agenda-layout{grid-template-columns:minmax(215px,290px) minmax(0,1fr)}.agenda-topic{grid-template-columns:32px minmax(0,1fr)}.agenda-topic-actions{grid-column:2;justify-content:flex-start}}
@media(max-width:800px){.agenda-layout{display:flex;flex-direction:column;gap:12px}.agenda-sidebar,.agenda-detail{width:100%}.agenda-meetings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.agenda-sidebar{padding:14px}.agenda-pane-header{padding-bottom:10px}}
@media(max-width:500px){.agenda-meetings{grid-template-columns:1fr}.agenda-detail{padding:14px}.agenda-detail-actions{width:100%}.agenda-detail-actions .btn{flex:1 1 auto}.agenda-overview{gap:7px;margin:16px 0}.agenda-overview>div{padding:9px}.agenda-overview strong{font-size:20px}.agenda-overview small{font-size:11px}.agenda-topic{grid-template-columns:28px minmax(0,1fr);gap:9px;padding:11px}.agenda-topic-number{height:28px;width:28px}.agenda-topic-actions{grid-column:1 / -1;justify-content:flex-end;border-top:1px solid #253d6e;padding-top:9px}.agenda-topic-actions .btn{flex:1 1 auto}.agenda-topics-head>.btn{width:100%}}
