:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:#102c43;background:#f4f8fa;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html{scroll-behavior:smooth;background:#f4f8fa;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}::selection{color:#0a2237;background:#bdece8}:root{--navy-950:#061827;--navy-900:#0a2237;--navy-800:#10334e;--navy-700:#194762;--teal-700:#047d83;--teal-600:#07979b;--teal-500:#18b8b0;--teal-100:#daf4f1;--teal-50:#effbf9;--blue-100:#e8f2fa;--sand-200:#eadcc5;--sand-100:#f6efe3;--sand-50:#fbf8f2;--ink:#102c43;--muted:#687d8e;--line:#dfe9ef;--canvas:#f4f8fa;--white:#fff;--shadow:0 12px 36px #0b314c14,0 2px 8px #0b314c0a;--shadow-lg:0 24px 60px #0622372b,0 6px 18px #06223714}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #18b8b042}.app-shell{background:var(--canvas);min-height:100vh;color:var(--ink)}.sidebar{background:linear-gradient(180deg,var(--navy-950),var(--navy-900));color:#fff;z-index:30;flex-direction:column;width:248px;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 30px #03162414}.brand{align-items:center;gap:10px;padding:0 8px 18px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:9px;width:38px;height:38px;padding:3px}.brand div{flex-direction:column;line-height:1;display:flex}.brand b{letter-spacing:2.1px;font-size:15px}.brand span{letter-spacing:3.5px;color:#72d2ce;margin-top:6px;font-size:9px}.close-drawer{margin-left:auto!important;display:none!important}.demo-badge,.top-demo{color:#a2e8e4;letter-spacing:1.4px;background:#18b8b01f;border:1px solid #52d6cf42;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin:0 5px 24px;padding:8px 10px;font-size:9px;font-weight:800;display:flex}.demo-badge span{background:#4ee0d8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #4ee0d81f}.sidebar nav{flex-direction:column;gap:3px;display:flex;overflow-y:auto}.nav-label{text-transform:uppercase;letter-spacing:1.6px;color:#66849a;margin:0 10px 7px;font-size:9px;font-weight:800}.future-label{margin-top:21px}.sidebar nav button{color:#a8bdcc;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;padding:10px 11px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sidebar nav button:hover:not(:disabled){color:#fff;background:#ffffff0f}.sidebar nav button.active{color:#fff;background:linear-gradient(100deg,#18b8b036,#18b8b014);box-shadow:inset 2px 0 #28c8c0}.sidebar nav button svg:last-child{margin-left:auto}.sidebar nav button:disabled{opacity:.48;cursor:not-allowed}.sidebar nav button:disabled small{text-transform:uppercase;letter-spacing:.6px;border:1px solid #587186;border-radius:4px;margin-left:auto;padding:2px 4px;font-size:8px}.sidebar-bottom{border-top:1px solid #ffffff14;margin-top:auto;padding-top:12px}.sidebar-bottom>button{color:#7895a8;background:0 0;border:0;align-items:center;gap:9px;width:100%;padding:7px 9px;font-size:11px;display:flex}.sidebar-bottom>button:hover{color:#fff}.profile{align-items:center;gap:10px;padding:12px 8px 1px;display:flex}.profile>span{background:linear-gradient(135deg,var(--teal-500),var(--teal-700));border-radius:8px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.profile div{flex-direction:column;display:flex}.profile b{font-size:11px}.profile small{color:#6f8da2;margin-top:2px;font-size:9px}main{flex-direction:column;min-height:100vh;margin-left:248px;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe8;justify-content:space-between;align-items:center;height:66px;padding:0 34px;display:flex;position:sticky;top:0}.topbar>div:first-of-type{align-items:center;gap:8px;display:flex}.topbar>div:first-of-type span{color:var(--muted);font-size:12px}.topbar>div:first-of-type span:after{content:"›";color:#a5b2bc;margin-left:8px}.topbar>div:first-of-type b{font-size:12px}.top-actions{align-items:center;gap:10px;display:flex}.top-demo{color:var(--teal-700);background:var(--teal-50);border-color:#c8ebe7;margin:0;padding:7px 10px}.icon-button,.menu-button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:inline-grid}.icon-button:hover,.menu-button:hover{color:var(--navy-800);background:#edf4f7}.notification{position:relative}.notification>span{background:#eb8a65;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.help-button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;padding:8px 12px;font-size:11px;font-weight:700}.menu-button{display:none}.content{flex:1;width:min(1390px,100%);margin:0 auto;padding:30px 34px 50px}footer{border-top:1px solid var(--line);color:#8aa0ae;background:#fff;justify-content:space-between;padding:19px 34px;font-size:10px;display:flex}.hero-card{min-height:310px;box-shadow:var(--shadow-lg);color:#fff;background-image:url(/assets/thailand-hero.jpg);background-position:50% 52%;background-size:cover;border-radius:13px;align-items:center;display:flex;position:relative;overflow:hidden}.hero-overlay{background:linear-gradient(90deg,#041927f0 0%,#072b3bc9 43%,#07303d1f 82%),linear-gradient(#0000,#001e283b);position:absolute;inset:0}.hero-content{z-index:1;max-width:650px;padding:44px;position:relative}.eyebrow{color:var(--teal-700);text-transform:uppercase;letter-spacing:1.6px;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.eyebrow.light{color:#72dbd3}.hero-content h1{letter-spacing:-1.2px;margin:0 0 12px;font-size:37px;line-height:1.1}.hero-content p{color:#d6e4e9;max-width:530px;font-size:14px;line-height:1.7}.hero-actions{gap:10px;margin-top:25px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:11px;font-weight:750;text-decoration:none;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,var(--teal-600),var(--teal-700));color:#fff;box-shadow:0 7px 18px #047d8333}.button.white{color:var(--navy-900);background:#fff}.button.glass{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-color:#ffffff47}.button.secondary{color:var(--ink);border-color:var(--line);background:#fff}.button.approve{background:var(--teal-50);color:var(--teal-700);border-color:#bce8e4;padding:7px 10px}.button.full{width:100%}.hero-note{z-index:2;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);color:#7de0db;background:#041825b5;border:1px solid #ffffff2b;border-radius:9px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;bottom:20px;right:22px}.hero-note span{color:#d7e6e9;flex-direction:column;font-size:10px;line-height:1.4;display:flex}.hero-note b{color:#fff;font-size:11px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.kpi-card,.panel{box-shadow:var(--shadow);background:#fff;border:1px solid #dae5ebe6;border-radius:10px}.kpi-card{flex-direction:column;min-height:132px;padding:18px;display:flex;position:relative}.kpi-icon{border-radius:8px;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:15px;right:15px}.kpi-icon svg{width:18px}.kpi-icon.turquoise{background:var(--teal-100);color:var(--teal-700)}.kpi-icon.blue{color:#3179a6;background:#e6f1fb}.kpi-icon.navy{color:var(--navy-800);background:#e9eef3}.kpi-icon.sand{background:var(--sand-100);color:#a47a38}.kpi-card>span{color:var(--muted);font-size:10px;font-weight:650}.kpi-card strong{color:var(--navy-900);letter-spacing:-.5px;margin:13px 0 7px;font-size:23px}.kpi-card small{color:#8b9da9;align-items:center;gap:4px;font-size:9px;display:flex}.kpi-card small svg{color:var(--teal-600)}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:14px;display:grid}.panel{padding:20px}.panel-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel h2,.page-heading h1{color:var(--navy-900);letter-spacing:-.5px;margin:0}.panel h2{font-size:16px}.text-button{color:var(--teal-700);background:0 0;border:0;align-items:center;gap:3px;padding:4px;font-size:10px;font-weight:750;display:inline-flex}.bar-chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000,#0000 42px,#eef3f5 43px);align-items:stretch;gap:28px;height:185px;margin-top:12px;padding:25px 28px 0;display:flex}.bar-item{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.bar-track{justify-content:center;align-items:flex-end;width:100%;height:142px;display:flex}.bar-fill{background:linear-gradient(180deg,#25c8bf,var(--teal-700));border-radius:5px 5px 0 0;width:min(45px,70%);min-height:5px;position:relative;box-shadow:0 5px 13px #07979b29}.bar-fill span{text-align:center;width:100%;color:var(--navy-700);font-size:9px;font-weight:800;position:absolute;top:-20px}.bar-item small{color:#8398a7;text-overflow:ellipsis;max-width:100%;margin-top:7px;font-size:8px;overflow:hidden}.chart-summary{color:var(--muted);align-items:center;gap:16px;margin-top:18px;font-size:9px;display:flex}.chart-summary span{align-items:center;gap:5px;display:flex}.chart-summary b{color:var(--teal-700);margin-left:auto}.legend{border-radius:2px;width:7px;height:7px}.turquoise-bg{background:var(--teal-500)}.navy-bg{background:var(--navy-700)}.activity-list{margin:11px 0 15px}.activity{border-bottom:1px solid #edf2f4;gap:11px;padding:11px 0;display:flex}.activity:last-child{border:0}.activity-icon{background:var(--teal-100);width:31px;height:31px;color:var(--teal-700);border-radius:7px;flex:none;place-items:center;display:grid}.activity-icon.sand-icon{background:var(--sand-100);color:#a47a38}.activity-icon.blue-icon{color:#3179a6;background:#e8f2fa}.activity>div{flex-direction:column;display:flex}.activity b{font-size:10px}.activity p{color:var(--muted);margin:2px 0;font-size:9px}.activity small{color:#9aabb6;font-size:8px}.quick-panel{align-items:center;gap:35px;margin-top:14px;display:flex}.quick-panel>div:first-child{width:180px}.quick-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick-grid button{border:1px solid var(--line);text-align:left;color:var(--teal-700);background:#fbfdfe;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.quick-grid button>svg:first-child{background:var(--teal-100);border-radius:6px;width:30px;height:30px;padding:6px}.quick-grid button>svg:last-child{color:#a8b8c3;width:15px;margin-left:auto}.quick-grid button span{color:var(--ink);flex-direction:column;display:flex}.quick-grid button b{font-size:10px}.quick-grid button small{color:var(--muted);margin-top:2px;font-size:8px}.page-heading{justify-content:space-between;align-items:flex-end;margin:7px 0 25px;display:flex}.page-heading h1{font-size:30px}.page-heading p{color:var(--muted);margin:6px 0 0;font-size:12px}.toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.search{border:1px solid var(--line);color:#8da0ad;background:#fff;border-radius:7px;align-items:center;gap:8px;width:280px;padding:0 12px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:10px 0;font-size:11px}.filter-tabs{background:#eaf0f3;border-radius:8px;padding:3px;display:flex}.filter-tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:7px 12px;font-size:9px;font-weight:700}.filter-tabs button.active{color:var(--navy-900);background:#fff;box-shadow:0 2px 6px #0a223714}.partner-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.partner-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:10px;flex-direction:column;padding:18px;display:flex}.partner-top{align-items:center;gap:9px;display:flex}.avatar{background:var(--navy-900);color:#fff;border-radius:9px;place-items:center;width:40px;height:40px;font-size:11px;font-weight:800;display:grid}.category-blog{background:#327c9e}.category-social{background:#a27c43}.category-weitere{background:#5b6d78}.partner-top .status{margin-left:auto}.status{color:#657884;background:#f0f3f5;border-radius:99px;align-items:center;gap:5px;width:max-content;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.status>span{background:currentColor;border-radius:50%;width:5px;height:5px}.status-active,.status-approved{color:#16826f;background:#e4f6f1}.status-paused,.status-open,.status-pending{color:#9b7135;background:#f7efe2}.status-potential,.status-planned{color:#39759a;background:#e9f1f8}.status-completed,.status-paid{color:#657884;background:#edf0f2}.category-label{color:var(--teal-700);text-transform:uppercase;letter-spacing:.7px;margin:13px 0 4px;font-size:8px;font-weight:800}.partner-card h3{margin:0;font-size:15px}.partner-card>p{color:var(--muted);min-height:28px;margin:6px 0 14px;font-size:9px;line-height:1.5}.partner-stats{border-block:1px solid #edf2f4;grid-template-columns:1fr 1fr;padding:12px 0;display:grid}.partner-stats span{color:var(--muted);flex-direction:column;font-size:8px;display:flex}.partner-stats b{color:var(--navy-900);font-size:15px}.model-row{justify-content:space-between;padding:12px 0;display:flex}.model-row small{color:var(--muted);font-size:8px}.model-row b{font-size:9px}.card-actions{gap:8px;margin-top:auto;display:flex}.card-actions .button{flex:1;padding:8px 10px}.card-actions select{width:105px}.empty{text-align:center;color:var(--muted);padding:60px}.mini-kpis{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.mini-kpis article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:9px;align-items:center;gap:13px;padding:17px;display:flex}.mini-kpis article>svg{background:var(--teal-100);width:34px;height:34px;color:var(--teal-700);border-radius:8px;padding:8px}.mini-kpis span{flex-direction:column;display:flex}.mini-kpis small{color:var(--muted);font-size:9px}.mini-kpis b{margin-top:2px;font-size:18px}.table-panel{padding:0;overflow:hidden}.table-panel .panel-header{border-bottom:1px solid var(--line);padding:19px 20px}.responsive-table{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#6c8393;text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid var(--line);background:#f8fafb;padding:10px 16px;font-size:8px}td{color:#4b6374;border-bottom:1px solid #edf2f4;padding:13px 16px;font-size:10px}tbody tr:last-child td{border-bottom:0}td>b{color:var(--ink);font-size:10px;display:block}td>small{color:#8ba0ad;margin-top:3px;font-size:8px;display:block}.channel{align-items:center;gap:5px;display:inline-flex}.amount{color:var(--navy-900);font-size:12px}td select,.card-actions select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:7px;font-size:9px}.info-chip{color:var(--teal-700);background:var(--teal-50);border:1px solid #d1efec;border-radius:99px;padding:6px 8px;font-size:8px}.resource-grid{grid-template-columns:1.35fr 1fr;gap:14px;display:grid}.asset-panel{grid-template-columns:1fr 1fr;gap:14px;display:grid}.asset-panel .panel-header{grid-column:1/-1}.asset-preview{border-radius:8px;height:170px;position:relative;overflow:hidden}.logo-preview{border:1px solid var(--line);background:linear-gradient(135deg,#f0f6f8,#fff);place-items:center;display:grid}.logo-preview img{object-fit:contain;width:105px;height:105px}.banner-preview img{object-fit:cover;object-position:center 58%;width:100%;height:100%}.banner-preview:after{content:"";background:linear-gradient(#0000 30%,#061827b8);position:absolute;inset:0}.banner-preview span{z-index:1;color:#fff;text-transform:uppercase;letter-spacing:.8px;font-size:9px;position:absolute;bottom:13px;left:14px}.banner-preview b{text-transform:none;letter-spacing:0;font-size:12px}.asset-info{justify-content:space-between;align-items:center;gap:10px;display:flex}.asset-info>div{flex-direction:column;display:flex}.asset-info b{font-size:10px}.asset-info small{color:var(--muted);font-size:8px}.asset-info .button{padding:8px 9px}.qr-panel{flex-direction:column;gap:15px;display:flex}.qr-panel>div:first-child p{color:var(--muted);margin-top:5px;font-size:9px}.link-box{border:1px solid var(--line);color:var(--teal-700);background:#f8fafb;border-radius:7px;align-items:center;gap:8px;padding:10px;display:flex}.link-box code{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:8px;overflow:hidden}.link-box button{color:var(--teal-700);background:0 0;border:0;padding:0}.qr-wrap{background:var(--sand-50);border:1px solid #eee5d7;border-radius:9px;justify-content:center;align-items:center;gap:16px;padding:13px;display:flex}.qr-wrap img{border-radius:5px;width:125px;height:125px}.qr-wrap span{flex-direction:column;display:flex}.qr-wrap b{font-size:11px}.qr-wrap small{color:var(--muted);font-size:8px}.templates{margin-top:14px}.template-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px;display:grid}.template-grid article{border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:flex-start;padding:15px;display:flex}.template-icon{background:var(--teal-100);width:29px;height:29px;color:var(--teal-700);border-radius:6px;place-items:center;margin-bottom:10px;display:grid}.template-icon svg{width:15px}.template-grid b{font-size:10px}.template-grid p{color:var(--muted);min-height:40px;margin:6px 0 8px;font-size:9px;line-height:1.5}.toast-inline{color:var(--teal-700);align-items:center;gap:5px;font-size:9px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03121da6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(600px,100%);max-height:92vh;overflow:auto;box-shadow:0 35px 90px #0014234d}.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;padding:22px 24px 17px;display:flex}.modal h2{margin:0;font-size:20px}.modal header p{color:var(--muted);margin:5px 0 0;font-size:9px}.modal form{padding:20px 24px 24px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field-full{grid-column:1/-1}.field>span{color:#536d7e;font-size:9px;font-weight:750}.field input,.field select,.field textarea{color:var(--ink);resize:vertical;background:#fff;border:1px solid #cfdee6;border-radius:7px;width:100%;padding:10px 11px;font-size:11px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal-500);outline:3px solid #18b8b01a}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:20px;padding-top:17px;display:flex}.calculation{background:var(--teal-50);border:1px solid #c6ebe8;border-radius:8px;grid-template-columns:1fr auto;gap:3px;padding:13px;display:grid}.calculation span{color:var(--teal-700);font-size:9px;font-weight:700}.calculation strong{color:var(--navy-900);font-size:18px}.calculation small{color:var(--muted);font-size:8px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.drawer-scrim{display:none}@media (width<=1100px){.kpi-grid,.partner-grid{grid-template-columns:repeat(2,1fr)}.resource-grid{grid-template-columns:1fr}.quick-panel{flex-direction:column;align-items:flex-start;gap:14px}.quick-panel>div:first-child{width:auto}.quick-grid{width:100%}}@media (width<=820px){.sidebar{width:270px;box-shadow:none;transition:all .25s;transform:translate(-105%)}.sidebar.drawer-open{transform:translate(0);box-shadow:8px 0 30px #03162414}.close-drawer{display:inline-grid!important}.drawer-scrim{z-index:29;background:#04142066;border:0;display:block;position:fixed;inset:0}.menu-button{display:grid}main{margin-left:0}.topbar{padding:0 18px}.topbar>div:first-of-type span{display:none}.content{padding:22px 18px 40px}.dashboard-grid{grid-template-columns:1fr}.partner-grid{grid-template-columns:repeat(2,1fr)}.top-demo{letter-spacing:.8px;white-space:nowrap;padding:5px 7px;font-size:8px;display:flex}.hero-content{padding:34px 28px}.hero-content h1{font-size:31px}.hero-note{display:none}.asset-panel{grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.filter-tabs{max-width:100%;overflow-x:auto}footer{gap:20px;padding:18px}}@media (width<=560px){.content{padding:15px 12px 34px}.topbar{height:58px;padding:0 12px}.help-button{display:none}.hero-card{min-height:345px}.hero-content{padding:28px 22px}.hero-content h1{font-size:28px}.hero-actions{flex-direction:column;align-items:stretch}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi-card{min-height:125px;padding:14px}.kpi-card strong{font-size:19px}.dashboard-grid{gap:10px}.panel{padding:15px}.bar-chart{gap:10px;padding-inline:10px}.quick-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;gap:15px;margin-top:12px}.page-heading .button{width:100%}.page-heading h1{font-size:26px}.toolbar{flex-direction:column;align-items:stretch}.search{width:100%}.filter-tabs button{flex:1;padding-inline:8px}.partner-grid{grid-template-columns:1fr}.partner-card .icon-button{width:42px;height:42px}.mini-kpis{grid-template-columns:1fr}.asset-panel{flex-direction:column;display:flex}.asset-preview{height:190px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.modal-backdrop{padding:8px}.modal>header{padding:18px}.modal form{padding:16px 18px 20px}.modal-actions .button{flex:1;padding-inline:8px}.qr-wrap img{width:110px;height:110px}footer{flex-direction:column}.chart-summary{flex-wrap:wrap}.chart-summary b{margin-left:0}.top-actions{gap:4px}}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button.danger{color:#a8452a;background:#fbeeea;border-color:#f1cfc4}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.live-badge{color:#c9d9e3;background:#ffffff0f;border-color:#ffffff29}.live-badge span{background:#8fd3a8;box-shadow:0 0 0 4px #8fd3a824}.chip{color:#536d7e;white-space:nowrap;background:#eef3f6;border-radius:99px;align-items:center;gap:4px;padding:4px 8px;font-size:8px;font-weight:800;display:inline-flex}.priority-chip.priority-high{background:var(--sand-100);color:#9b7135}.priority-chip.priority-urgent{color:#a8452a;background:#fbeeea}.overdue-chip{color:#fff;background:#a8452a}.question-chip,.status-new{color:#39759a;background:#e9f1f8}.status-in_progress{background:var(--teal-100);color:var(--teal-700)}.status-question{color:#9b7135;background:#f7efe2}.status-done{color:#16826f;background:#e4f6f1}.notice{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:10px;margin-bottom:14px;padding:11px 13px;font-size:10px;line-height:1.5;display:flex}.notice>svg{flex:none}.notice>span{flex:1}.notice-error{color:#8f3a22;background:#fdf3f0;border-color:#f1cfc4}.notice-info{background:var(--teal-50);color:var(--navy-800);border-color:#c8ebe7}.notice .icon-button{width:26px;height:26px}.modal-notice{padding:16px 24px 0}.modal-notice .notice{margin:0}.modal-wide{width:min(760px,100%)}.loading-line{color:var(--muted);margin:0 0 12px;font-size:10px}.form-hint{color:var(--muted);align-items:flex-start;gap:7px;margin:0;font-size:9px;line-height:1.5;display:flex}.form-hint svg{color:var(--teal-700);flex:none;margin-top:1px}.form-error{color:#a8452a;background:#fdf3f0;border:1px solid #f1cfc4;border-radius:7px;margin:0;padding:9px 11px;font-size:10px}.thread-empty{color:var(--muted);margin:6px 0;font-size:10px}.empty strong{color:var(--navy-900);margin:8px 0 4px;font-size:13px;display:block}.empty p{margin:0;font-size:10px}.auth-screen{min-height:100vh;color:var(--ink);background:linear-gradient(120deg,#041927f2,#07303dd1),url(/assets/thailand-hero.jpg) 50%/cover;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.auth-card{width:min(420px,100%);box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;padding:30px}.auth-card h1{letter-spacing:-.6px;color:var(--navy-900);margin:22px 0 8px;font-size:24px}.auth-brand{align-items:center;gap:10px;display:flex}.auth-brand img{object-fit:contain;border:1px solid var(--line);border-radius:9px;width:40px;height:40px;padding:3px}.auth-brand div{flex-direction:column;line-height:1;display:flex}.auth-brand b{letter-spacing:2.1px;color:var(--navy-900);font-size:15px}.auth-brand span{letter-spacing:3.5px;color:var(--teal-700);margin-top:6px;font-size:9px}.auth-lead{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.6}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form .field>span{font-size:11px}.auth-form .field input{padding:12px;font-size:16px}.auth-card .button{padding:13px 15px;font-size:13px}.auth-message{border-radius:8px;align-items:flex-start;gap:8px;margin:0;padding:11px 12px;font-size:12px;line-height:1.5;display:flex}.auth-message svg{flex:none;margin-top:2px}.auth-error{color:#8f3a22;background:#fdf3f0;border:1px solid #f1cfc4}.auth-notice{background:var(--teal-50);color:var(--navy-800);border:1px solid #c8ebe7}.auth-card>.auth-message{margin-bottom:14px}.auth-hint{color:var(--muted);align-items:flex-start;gap:7px;margin:18px 0 0;font-size:11px;line-height:1.5;display:flex}.auth-hint svg{flex:none;margin-top:2px}.auth-hint code{background:#eef3f6;border-radius:4px;padding:1px 4px;font-size:11px}.auth-status{color:var(--muted);align-items:center;gap:9px;margin:0;font-size:13px;display:flex}.auth-issues{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.auth-issues li{color:#8f3a22;background:#fdf3f0;border:1px solid #f1cfc4;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.auth-issues svg{flex:none;margin-top:3px}.auth-footnote{letter-spacing:.4px;color:#a8c3d2;text-align:center;margin:0;font-size:10px}.task-overview{margin-bottom:14px}.commission-log{margin-top:16px}.task-tiles{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;display:grid}.task-tiles button{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fbfdfe;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:12px;transition:all .2s;display:grid}.task-tiles button:hover{background:var(--teal-50);border-color:#bfe6e2}.task-tiles button svg{background:var(--teal-100);width:32px;height:32px;color:var(--teal-700);border-radius:7px;grid-row:1/3;padding:7px}.task-tiles button span{color:var(--muted);font-size:9px;font-weight:650}.task-tiles button strong{color:var(--navy-900);font-size:20px;line-height:1.1}.task-tiles button.is-alert svg{color:#a8452a;background:#fbeeea}.task-tiles button.is-alert strong{color:#a8452a}.task-mini-list{margin:0 0 12px;padding:0;list-style:none}.task-mini-list li{border-bottom:1px solid #edf2f4;align-items:center;gap:9px;padding:9px 2px;font-size:10px;display:flex}.task-mini-list li:last-child{border-bottom:0}.task-mini-list b{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:1;overflow:hidden}.task-mini-list small{color:var(--muted);white-space:nowrap;font-size:9px}.task-mini-list li.is-overdue small{color:#a8452a;font-weight:700}.task-mini-list li.is-empty{color:var(--muted)}.priority-dot{background:#b9c8d2;border-radius:50%;flex:none;width:8px;height:8px}.priority-dot.priority-high{background:#c79a4e}.priority-dot.priority-urgent{background:#c9573a}.task-quick-add{gap:8px;display:flex}.task-quick-add input{min-width:0;color:var(--ink);background:#fff;border:1px solid #cfdee6;border-radius:7px;flex:1;padding:10px 11px;font-size:11px}.task-quick-add+.form-error{margin-top:8px}.task-toolbar{flex-wrap:wrap;align-items:flex-start}.tab-count{background:#102c4314;border-radius:99px;margin-left:6px;padding:1px 6px;font-size:8px;display:inline-block}.filter-tabs button.active .tab-count{background:var(--teal-100);color:var(--teal-700)}.task-refine{flex-wrap:wrap;gap:8px;display:flex}.task-refine .search{width:220px}.task-refine select,.task-actions select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;padding:8px 9px;font-size:10px}.task-list{flex-direction:column;gap:10px;display:flex}.task-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-left:4px solid #c9d6de;border-radius:10px;align-items:center;gap:16px;padding:14px 16px;display:flex}.task-card.priority-high{border-left-color:#c79a4e}.task-card.priority-urgent{border-left-color:#c9573a}.task-main{flex:1;min-width:0}.task-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.task-card h3{color:var(--navy-900);overflow-wrap:anywhere;margin:8px 0 3px;font-size:13px}.task-card .task-main>p{color:var(--muted);overflow-wrap:anywhere;margin:0 0 6px;font-size:10px;line-height:1.5}.task-meta{color:var(--muted);flex-wrap:wrap;gap:6px 14px;font-size:9px;display:flex}.task-meta>span{align-items:center;gap:5px;display:inline-flex}.task-meta .is-overdue{color:#a8452a;font-weight:700}.task-actions{flex:none;align-items:center;gap:10px;display:flex}.task-buttons{gap:2px;display:flex}.task-detail{flex-direction:column;gap:14px;padding:20px 24px 24px;display:flex}.task-description{color:#4b6374;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.6}.task-facts{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.task-facts div{border:1px solid var(--line);background:#f8fafb;border-radius:8px;padding:10px}.task-facts dt{text-transform:uppercase;letter-spacing:.6px;color:#6c8393;align-items:center;gap:5px;font-size:8px;font-weight:800;display:flex}.task-facts dd{color:var(--ink);margin:5px 0 0;font-size:10px;font-weight:650}.task-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.task-thread{border-top:1px solid var(--line);padding-top:14px}.task-thread h3{color:var(--navy-900);align-items:center;gap:7px;margin:0 0 8px;font-size:12px;display:flex}.comment-list{flex-direction:column;gap:8px;margin:0 0 10px;padding:0;list-style:none;display:flex}.comment-list li{border:1px solid var(--line);background:#fbfdfe;border-radius:8px;padding:10px 12px}.comment-list li.is-question{background:#f6f9fc;border-color:#cfe0ee}.comment-list header{color:var(--muted);align-items:center;gap:8px;font-size:9px;display:flex}.comment-list header b{color:var(--ink);font-size:10px}.comment-list header time{margin-left:auto}.comment-list p{color:#3d566a;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:11px;line-height:1.55}.modal .comment-form{flex-direction:column;gap:9px;padding:0;display:flex}.comment-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.activity-timeline{border-left:2px solid #e3ecf1;flex-direction:column;gap:10px;margin:0;padding:0 0 0 14px;list-style:none;display:flex}.activity-timeline li{color:var(--ink);flex-direction:column;gap:2px;font-size:10px;display:flex;position:relative}.activity-timeline li:before{content:"";background:var(--teal-500);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;left:-21px}.activity-timeline small{color:#8ba0ad;font-size:8px}.status-acceptance-requested,.acceptance-chip.acceptance-requested{color:#9b7135;background:#f7efe2}.status-acceptance-accepted,.acceptance-chip.acceptance-accepted{color:#16826f;background:#e4f6f1}.status-acceptance-changes_requested,.acceptance-chip.acceptance-changes_requested{color:#a8452a;background:#fbeeea}.task-toolbar .filter-tabs{max-width:100%;overflow-x:auto}.task-toolbar .filter-tabs button{white-space:nowrap;flex:none}.task-thread>.form-hint{margin:0 0 10px}.task-thread .form-error{margin:0}.acceptance-list,.resource-list,.member-list{flex-direction:column;gap:8px;margin:0 0 10px;padding:0;list-style:none;display:flex}.acceptance-list li,.resource-list li,.member-list li{border:1px solid var(--line);background:#fbfdfe;border-radius:8px;min-width:0;padding:10px 12px}.acceptance-list header{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.acceptance-list small,.resource-list small,.member-list small{color:var(--muted);font-size:9px}.acceptance-list p{color:#3d566a;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:11px;line-height:1.55}.acceptance-decision{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px}.resource-list li,.member-list li{align-items:center;gap:12px;display:flex}.resource-main{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.resource-main b{color:var(--ink);overflow-wrap:anywhere;font-size:11px}.resource-main code{color:#3d566a;overflow-wrap:anywhere;word-break:break-all;-webkit-user-select:all;user-select:all;background:#f1f6f8;border-radius:5px;max-width:100%;padding:3px 6px;font-size:9px;line-height:1.5}.resource-actions{flex:none;align-items:center;gap:4px;display:flex}.resource-actions a{white-space:nowrap;text-decoration:none}.resource-form{grid-template-columns:150px 1fr;gap:10px;padding:0;display:grid}.modal .resource-form,.modal .share-form{padding:0}.resource-form .resource-url,.resource-form .form-error,.resource-form .comment-actions{grid-column:1/-1}.member-list li>div{flex-wrap:wrap;flex:1;align-items:center;gap:6px 10px;min-width:0;display:flex}.member-list b{color:var(--ink);overflow-wrap:anywhere;font-size:11px}.member-list .button{flex:none;padding:7px 10px}.share-form{align-items:flex-end;gap:10px;display:flex}.share-form .field{flex:1;min-width:0}.hero-card.hero-compact{min-height:220px}.persona-switch{flex-direction:column;gap:5px;margin:-12px 5px 18px;display:flex}.persona-switch>span{letter-spacing:.8px;text-transform:uppercase;color:#7895a8;font-size:8px;font-weight:800}.persona-switch select{color:#e3eef4;background:#0d2a42;border:1px solid #ffffff29;border-radius:7px;width:100%;min-width:0;padding:8px 9px;font-size:11px}.notification-center{display:flex;position:relative}.notification>span.notification-count{color:#fff;background:#c9573a;border-radius:99px;place-items:center;width:auto;min-width:15px;height:15px;padding:0 4px;font-size:8px;font-weight:800;line-height:1;display:grid;top:0;right:0}.notification-panel{border:1px solid var(--line);width:min(360px,100vw - 24px);max-height:min(70vh,520px);box-shadow:var(--shadow-lg);z-index:40;background:#fff;border-radius:10px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto}.notification-panel header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:8px;padding:11px 12px;display:flex;position:sticky;top:0}.notification-panel header b{color:var(--navy-900);flex:1;font-size:12px}.notification-panel header .icon-button{width:26px;height:26px}.notification-panel ul{margin:0;padding:0;list-style:none}.notification-panel li{border-bottom:1px solid #edf2f4}.notification-panel li button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;flex-direction:column;gap:3px;padding:11px 12px 11px 22px;display:flex;position:relative}.notification-panel li button:hover{background:var(--teal-50)}.notification-panel li span{overflow-wrap:anywhere;font-size:11px;line-height:1.45}.notification-panel li small{color:var(--muted);font-size:9px}.notification-panel li.is-unread button:before{content:"";background:#c9573a;border-radius:50%;width:6px;height:6px;position:absolute;top:16px;left:9px}.notification-panel li.is-unread span{font-weight:700}.notification-panel .thread-empty{padding:12px}.notification-panel footer{color:var(--muted);background:#f8fafb;border:0;padding:10px 12px;font-size:9px;line-height:1.5;display:block}@media (width<=1100px){.task-tiles{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.task-card{flex-direction:column;align-items:stretch;gap:12px}.task-actions{justify-content:space-between}.task-refine{width:100%}.task-refine .search{flex:1;width:auto;min-width:180px}.task-facts{grid-template-columns:1fr}}@media (width<=560px){.auth-card{padding:24px 20px}.task-tiles{gap:8px}.task-tiles button{padding:10px}.task-quick-add,.task-refine{flex-direction:column}.task-refine .search,.task-refine select{width:100%}.task-card .icon-button{width:42px;height:42px}.task-actions select{flex:1;padding:11px 9px;font-size:12px}.task-quick-add input,.comment-form textarea{font-size:16px}.task-detail{padding:16px 18px 20px}.task-detail-actions .button,.comment-actions .button{flex:1}.modal-notice{padding:14px 18px 0}.task-mini-list b{white-space:normal}.resource-form{grid-template-columns:1fr}.resource-form .field input,.resource-form .field select,.share-form .field select,.task-thread textarea{font-size:16px}.resource-list li,.member-list li,.share-form{flex-direction:column;align-items:stretch}.resource-actions{justify-content:space-between}.resource-actions .icon-button{width:42px;height:42px}.member-list .button,.share-form .button{width:100%;padding:11px 12px}.notification-panel{width:auto;max-height:calc(100vh - 84px);position:fixed;top:64px;left:12px;right:12px}.hero-card.hero-compact{min-height:250px}}