:root{--navy:#0e1a32;--navy2:#172640;--gold:#cda45a;--gold2:#e3c68a;--surface:#ffffff;--paper:#f4f6fa;--line:#e1e7ed;--text:#19263b;--muted:#667387;--success:#217352;--danger:#b4534b;--shadow:0 12px 35px rgba(16,34,57,.045);color-scheme:light}
*{box-sizing:border-box}html{font-family:Inter,'Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif;line-height:1.5}body{background:var(--paper);margin:0;color:var(--text)}a{color:#2761a1;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{display:flex;align-items:center;gap:20px;min-height:75px;background:var(--navy);color:#fff;padding:10px max(22px,calc((100vw - 1340px)/2));box-shadow:0 4px 22px rgba(5,15,30,.1);position:relative;z-index:2}.brand{display:flex;gap:11px;align-items:center;min-width:226px;color:#fff;text-decoration:none}.brand:hover{text-decoration:none}.brand strong{display:block;letter-spacing:.15em;font-size:17px;font-weight:760}.brand small{display:block;letter-spacing:.16em;color:#bcc6d4;font-size:10px;font-weight:650}.brandmark{display:grid;place-items:center;border:1.5px solid var(--gold);color:var(--gold2);width:44px;height:44px;font:700 26px Georgia,serif;border-radius:10px}.alpha{color:var(--gold2);letter-spacing:.05em;margin-left:3px}.nav{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}.navlink{display:block;color:#d9e1ec;padding:10px 11px;border-radius:7px;font-size:13px;font-weight:600}.navlink:hover{background:#263952;color:#fff;text-decoration:none}.logout{margin:0}.container{width:min(1290px,calc(100% - 42px));margin:36px auto 70px;min-height:65vh}.pagehead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 24px}.pagehead h1{margin:0;font-size:clamp(27px,3vw,38px);letter-spacing:-.045em;color:var(--navy);font-weight:780}.pagehead p{margin:6px 0 0;color:var(--muted);font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--navy);border:1px solid var(--navy);border-radius:9px;color:#fff!important;padding:11px 16px;font-size:13px;font-weight:700;line-height:1.25;cursor:pointer;text-decoration:none!important;min-height:42px;white-space:normal}.button:hover{background:#283c58;border-color:#283c58}.button.secondary{background:#e9edf3;color:var(--navy)!important;border-color:#e4e7ee}.button.secondary:hover{background:#dee5f0}.button.outline{border-color:#c9d2df;background:#fff;color:#263957!important}.button.outline:hover{border-color:var(--navy);background:#f4f6fa}.small{padding:8px 10px;min-height:32px;font-size:12px}.logout .outline{background:transparent;color:#d8e2ef;border:1px solid #4b5d74;border-radius:6px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.stat,.card,.feature,.media-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.stat{padding:20px 22px;min-height:129px;display:flex;flex-direction:column;gap:5px}.stat span{color:var(--muted);font-size:12px;font-weight:680}.stat strong{font-size:32px;line-height:1.18;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--navy)}.stat small{font-size:11px;color:var(--muted)}.card{padding:23px 24px;margin:16px 0}.card h2{font-size:18px;letter-spacing:-.02em;margin:0 0 16px}.banner{display:flex;gap:22px;align-items:center;justify-content:space-between;background:#edf1f8;border:1px solid #dce5f1;border-left:4px solid var(--gold);border-radius:10px;padding:18px 22px;margin-bottom:22px}.banner strong{font-size:15px}.banner p{color:#5d6c7e;font-size:13px;max-width:850px;margin:4px 0 0}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:20px 2px 12px}.sectionhead h2{font-size:18px;margin:0}.table-scroll{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#627187;font-weight:750;background:#f9fafc;padding:15px 16px;border-bottom:1px solid var(--line)}td{font-size:13px;padding:15px 16px;border-bottom:1px solid #edf0f4}tr:last-child td{border-bottom:0}td small{color:#8a99aa}td strong{font-weight:680}.status{display:inline-block;border-radius:999px;padding:4px 9px;background:#eef1f5;color:#546176;font-size:11px;text-transform:capitalize;font-weight:700}.status.scheduled,.status.processing{background:#fff4dc;color:#8e6220}.status.published,.status.ready{background:#e5f3ec;color:#287657}.status.failed{background:#fce8e7;color:#ad4e48}.status.disabled,.status.pending{background:#eff1f4;color:#69788d}.twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.twocol .card{margin:0}.feature{display:flex;flex-direction:column;gap:7px;padding:24px 25px;margin:18px 0;color:var(--navy)!important;text-decoration:none!important}.feature:hover{border-color:var(--gold)}.feature strong{font-size:17px}.feature span{font-size:13px;color:var(--muted)}footer{margin-top:50px;text-align:center;padding:26px 18px;font-size:11px;color:#7f8a97;border-top:1px solid var(--line)}.empty{border:1px dashed #cfd9e5;background:#fff;text-align:center;padding:55px 20px;border-radius:12px;color:var(--muted)}.empty h2{color:var(--navy);margin:4px 0;font-size:19px}.empty p{font-size:13px;max-width:440px;margin:6px auto 20px}.emptyicon{font-size:30px;color:var(--gold)}.form{display:flex;flex-direction:column;gap:18px}.form label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--navy);font-weight:710}.form label.check{display:flex;flex-direction:row;gap:8px;align-items:center;font-size:13px;font-weight:550;color:#3d4b60}.form input:not([type=checkbox]),.form select,.form textarea,.copyarea,.statusform input{width:100%;border:1px solid #cfd8e4;background:#fff;border-radius:7px;padding:11px 12px;color:var(--text);outline:none}.form textarea,.copyarea{resize:vertical;min-height:90px;line-height:1.55}.form :is(input,textarea,select):focus,.copyarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(205,164,90,.12)}.form .button{align-self:flex-start}.form fieldset{border:1px solid var(--line);border-radius:8px;padding:14px 16px}.form legend{font-size:13px;font-weight:710;color:var(--navy);padding:0 7px}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hint,.helper{font-size:12px!important;color:#728094!important;font-weight:400}.helper{margin:4px 0 12px}.separator{height:1px;background:var(--line);margin:2px 0}.checkline{padding:14px;background:#f9fafc;border:1px solid var(--line);border-radius:8px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px}.form .actions .button{align-self:auto}.narrow{max-width:690px}.auth{background:#fff;border:1px solid var(--line);padding:44px 40px;border-radius:16px;box-shadow:var(--shadow);max-width:460px;margin:55px auto}.auth h1{font-size:26px;letter-spacing:-.04em;margin:0 0 8px}.auth p{color:var(--muted);font-size:13px}.auth .eyebrow{color:var(--gold);font-weight:780;letter-spacing:.12em;font-size:11px;margin:0 0 12px}.auth form{margin-top:28px}.auth .button{width:100%;margin-top:3px}.alert,.notice{background:#fff8e8;border-left:3px solid var(--gold);border-radius:6px;padding:13px 16px;margin:8px 0 16px;font-size:13px;color:#6d502b}.notice{background:#eaf4ee;border-color:#2e8059;color:#23533d}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:16px}.media-card{overflow:hidden}.media-art{height:175px;background:var(--navy);display:grid;place-items:center;overflow:hidden}.media-art img{height:100%;width:100%;object-fit:cover}.mediaglyph{font-size:52px;color:var(--gold)}.media-details{padding:16px;display:flex;flex-direction:column;align-items:start;gap:7px}.media-details h3{font-size:15px;margin:0;max-width:100%;overflow-wrap:anywhere}.media-details p{color:var(--muted);font-size:11px;margin:0}.media-details a{font-size:12px;font-weight:680;margin-top:5px}.details p{display:grid;grid-template-columns:minmax(105px,38%) 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);margin:0;font-size:13px}.details b{font-weight:680}.details span{color:var(--muted);overflow-wrap:anywhere}.post-media img,.asset-image{width:100%;max-height:410px;object-fit:contain;border-radius:8px;background:#101c31}.card video{width:100%;max-height:500px;border-radius:8px;background:#09182c}.copyarea{background:#fbfcff;min-height:160px;font-size:13px}.statusform{display:flex;flex-direction:column;align-items:start;gap:8px}.statusform label{font-size:12px}.filterbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 16px}.filterbar a{padding:8px 12px;color:#526178;font-size:12px;font-weight:680;background:#e8edf3;border-radius:8px}.filterbar a.active,.filterbar a:hover{background:var(--navy);color:#fff;text-decoration:none}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin:5px 0 15px;gap:10px}.calendar-nav h2{font-size:18px;margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.dow{text-align:center;padding:12px 3px;background:#f4f6fa;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-size:11px;font-weight:750;color:var(--muted)}.calday{min-height:125px;padding:8px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);overflow:hidden}.emptycell{background:#f9fafc}.daynum{display:block;font-weight:700;font-size:12px;color:#4f5e73;margin-bottom:7px}.calevent{display:block;background:#f8eedb;color:#67502b!important;padding:5px;border-radius:4px;font-size:10px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more{font-size:10px;color:var(--muted)}.metricsfields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.metricsfields input{max-width:100%}.js-copy{margin-top:9px}pre{white-space:pre-wrap;word-break:break-word;background:#f2f4f8;padding:12px;border-radius:6px}
@media(max-width:1120px){.topbar{flex-wrap:wrap;gap:8px}.nav{margin-left:0;order:3;width:100%;overflow-x:auto;flex-wrap:nowrap}.logout{margin-left:auto}.container{margin-top:28px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:730px){.container{width:calc(100% - 24px);margin:20px auto 50px}.topbar{padding:12px}.brand{min-width:0}.brand strong{font-size:14px}.brand small{font-size:9px}.brandmark{width:39px;height:39px;font-size:22px}.navlink{font-size:12px;padding:9px 7px}.pagehead{align-items:flex-start;flex-direction:column;gap:13px}.stats{gap:9px}.stat{padding:14px 15px;min-height:105px}.stat strong{font-size:25px}.stat span{font-size:11px}.twocol{grid-template-columns:1fr;gap:10px}.card{padding:18px 16px}.banner{display:block;padding:15px}.banner .button{margin-top:10px}.checks{grid-template-columns:repeat(2,1fr)}.calendar-nav h2{font-size:15px}.calendar-nav .button{padding:8px;min-height:34px;font-size:11px}.calday{min-height:77px;padding:4px}.calevent{font-size:9px;padding:4px 2px}.daynum{font-size:11px}.metricsfields{grid-template-columns:repeat(2,minmax(0,1fr))}.auth{padding:32px 24px;margin:30px auto}.details p{grid-template-columns:100px 1fr}}

/* v0.4: readable operator forms, large traffic URLs and bulk upload workflow. */
input[readonly] { background: var(--surface, #111e32); cursor: text; }
input[type="url"] { min-width: 0; overflow-wrap: anywhere; }
.table-scroll { max-width: 100%; overflow-x: auto; }
.nav { flex-wrap: wrap; }
@media (max-width: 600px) {
  .nav { gap: .18rem .45rem; }
  .navlink { font-size: .78rem; white-space: nowrap; }
  .form input[type="file"] { width: 100%; max-width: 100%; }
}

/* v0.5 Android PWA: accessible navigation, safe-area layout, large touch targets */
.skip-link{position:absolute;left:12px;top:-100px;z-index:99;background:#fff;padding:12px 18px;border-radius:8px;color:#142544}.skip-link:focus{top:12px}
.mobile-quick-nav{display:none}
:focus-visible{outline:3px solid #d4a44a!important;outline-offset:3px}
@media(max-width:730px){
 html{font-size:16px;-webkit-text-size-adjust:100%}
 .topbar{padding:10px 12px;gap:8px;position:sticky;top:0;z-index:15}
 .topbar .brand{margin-right:auto}
 .topbar .brand small{letter-spacing:.08em}
 #main-nav{display:none;order:4;width:100%;margin-left:0;max-height:min(52vh,380px);overflow-y:auto;overflow-x:hidden;flex-wrap:wrap;gap:6px;padding:8px 0 4px}
 #main-nav.is-open{display:flex}
 #main-nav .navlink{font-size:14px;min-height:44px;padding:11px 12px;background:#21314c;color:#fff}
 .logout{margin-left:0}
 .logout button{min-height:44px;padding:10px 12px}
 .container{width:calc(100% - 22px);margin:16px auto 105px}
 .pagehead h1{font-size:26px}
 .pagehead .button{width:100%}
 .mobile-quick-nav{display:grid;position:fixed;bottom:0;left:0;right:0;grid-template-columns:repeat(5,minmax(0,1fr));background:#0e1a32;color:white;z-index:20;border-top:1px solid #46536a;padding:5px 4px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(0,0,0,.17)}
 .mobile-quick-nav a,.mobile-quick-nav button{display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;font-size:11px;font-weight:650;min-height:50px;padding:4px 2px;background:transparent;border:0;color:#e2e7ee;text-decoration:none;min-width:0}
 .mobile-quick-nav span{font-size:21px;line-height:23px;color:#e9c78d}
 .mobile-quick-nav .is-current{background:#283a56;border-radius:9px;color:#fff}
 .table-scroll{max-width:100%;-webkit-overflow-scrolling:touch}
 .banner{overflow-wrap:anywhere}
 .details p{grid-template-columns:minmax(90px,36%) 1fr}
 .form input:not([type=checkbox]),.form textarea,.form select,.copyarea,.statusform input{font-size:16px;min-height:46px}
 .checks{grid-template-columns:1fr 1fr}
 .form input[type=file]{max-width:100%;width:100%}
 .form .button,.button{min-height:46px}
 .card,.feature{overflow-wrap:anywhere}
 .auth{padding:26px 20px;margin:18px auto}
 footer{padding-bottom:40px}
}
@media(max-width:380px){.brand strong{font-size:12px}.brand small{font-size:8px}.stats{gap:7px}.stat{padding:12px}.checks{grid-template-columns:1fr}.mobile-quick-nav a,.mobile-quick-nav button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Native mobile/desktop Google login entry; no third-party scripts required. */
.google-signin{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:440px;min-height:48px;margin-top:10px;}
.google-mark{background:#fff;color:#4285f4;border:1px solid #dadce0;border-radius:50%;font-family:Arial,sans-serif;font-weight:700;font-size:20px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;}
/* v0.9 Modern Workspace UI: original design, no external fonts or network assets. */
:root{
 --navy:#101a30;--navy2:#192743;--gold:#ba944a;--gold2:#ebce8b;--surface:#fff;
 --paper:#f5f7fb;--line:#e6eaf1;--text:#202c40;--muted:#728095;
 --shadow:0 10px 32px rgba(24,40,69,.045);--round:16px;
}
html{scroll-behavior:smooth}body{background:var(--paper);font-feature-settings:"ss01" on;color:var(--text)}
body.is-authenticated .app-root{display:block;min-height:100vh;padding-left:266px}
body.is-authenticated .workspace-shell{min-width:0;min-height:100vh;display:flex;flex-direction:column}
.ico{display:inline-block;vertical-align:middle;flex:none}
.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;color:#65758c;background:transparent;border:1px solid transparent;border-radius:11px;cursor:pointer}
.icon-button:hover{background:#eff2f8;border-color:#e4e8ef;color:#1b2940}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
/* Sidebar */
.sidebar{position:fixed;inset:0 auto 0 0;width:266px;display:flex;flex-direction:column;z-index:28;background:#121e35;border-right:1px solid #263550;color:#e6edfa;box-shadow:8px 0 25px rgba(13,25,44,.05);transition:width .2s ease,transform .2s ease}
.side-brand{padding:25px 17px 15px;min-height:91px;display:flex;gap:6px;align-items:center;justify-content:space-between}
.sidebar .brand{min-width:0;gap:11px;flex:1}
.sidebar .brandmark{background:linear-gradient(145deg,#e9d39e,#b48a42);color:#1a2540;border:none;border-radius:13px;width:40px;height:40px;font:bold 23px Georgia,serif;box-shadow:0 5px 17px rgba(181,144,67,.18)}
.sidebar .brand strong{font-size:15px;letter-spacing:.11em;color:#fff;line-height:1.35}
.sidebar .brand small{color:#a5b2c6;font-size:9px;letter-spacing:.15em;margin-top:2px}
.sidebar-collapse{color:#9daec6;flex:none;width:31px;height:34px}
.sidebar-collapse:hover{background:#263650;color:white;border-color:transparent}
.workspace-switch{margin:4px 15px 18px;padding:12px 10px;display:flex;gap:10px;align-items:center;background:#1b2b46;border:1px solid #30405b;border-radius:12px}
.workspace-avatar{background:#d8b975;color:#1a2743;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;font:700 18px Georgia,serif;flex:none}
.workspace-text{min-width:0;display:flex;flex-direction:column;flex:1;gap:2px}
.workspace-text strong{font-size:12px;color:#f5f7fc;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.workspace-text small{font-size:11px;color:#93a5be}
.workspace-indicator{height:7px;width:7px;border-radius:50%;background:#7ecda1;flex:none;box-shadow:0 0 0 3px rgba(126,205,161,.09)}
.sidebar .nav{display:block;margin:0;overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-color:#40506a transparent;scrollbar-width:thin;padding:0 12px 18px;min-width:0;width:auto}
.sidegroup{margin:0 0 17px}
.side-label{font-size:10px!important;font-weight:760!important;text-transform:uppercase;letter-spacing:.14em;color:#7288a7;margin:0 0 7px 13px;padding:0}
.navgroup{display:flex;flex-direction:column;gap:2px}
.sidebar .navlink{display:flex;gap:11px;align-items:center;min-height:39px;padding:9px 12px;color:#b7c5da;font-size:12.5px;font-weight:530;letter-spacing:.005em;border-radius:9px;white-space:nowrap;transition:background .16s,color .16s}
.sidebar .navlink .ico{color:#899cb8;flex:none;opacity:.95}
.sidebar .navlink:hover{background:#213251;color:#f7f9fe;text-decoration:none}
.sidebar .navlink.is-current{background:linear-gradient(95deg,#354264 0%,#293952 100%);color:#fff;font-weight:720;box-shadow:inset 3px 0 0 #e1bc79}
.sidebar .navlink.is-current .ico{color:#eccd90}
.sidebar-bottom{padding:13px 15px 17px;border-top:1px solid #2a3953}
.side-help{display:flex;align-items:center;gap:9px;padding:10px 10px;color:#cfdbec;border:1px solid #384c6b;border-radius:10px;font-weight:620;font-size:12px}
.side-help span{flex:1}.side-help:hover{background:#23334d;color:#fff;text-decoration:none}
.side-version{color:#687f9d;display:block;text-align:center;font-size:9px;letter-spacing:.11em;margin-top:13px;font-weight:650}
/* Compact desktop sidebar */
body.nav-collapsed .app-root{padding-left:78px}
body.nav-collapsed .sidebar{width:78px}
body.nav-collapsed .sidebar .brandtext,body.nav-collapsed .sidebar .workspace-text,body.nav-collapsed .sidebar .workspace-indicator,body.nav-collapsed .sidebar .side-label,body.nav-collapsed .sidebar .navlink span,body.nav-collapsed .sidebar .side-help span,body.nav-collapsed .sidebar .side-help .ico:last-child,body.nav-collapsed .sidebar .side-version{display:none}
body.nav-collapsed .sidebar .side-brand{padding:25px 14px 15px;flex-wrap:wrap;justify-content:center;gap:7px}
body.nav-collapsed .sidebar .brand{justify-content:center;flex:0}
body.nav-collapsed .sidebar .workspace-switch{padding:10px;justify-content:center;margin-inline:13px}
body.nav-collapsed .sidebar .nav{padding:0 13px 12px}
body.nav-collapsed .sidebar .navlink{justify-content:center;padding:10px}
body.nav-collapsed .sidebar .side-help{justify-content:center;padding:10px}
body.nav-collapsed .sidebar .navgroup{gap:7px}
body.nav-collapsed .sidebar .sidegroup{margin-bottom:22px}
/* Top toolbar */
body.is-authenticated .topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:20px;height:76px;min-height:76px;padding:0 clamp(18px,3vw,44px);background:rgba(255,255,255,.96);border-bottom:1px solid #e9edf3;color:var(--text);box-shadow:none;backdrop-filter:blur(14px)}
.topbar-left,.topbar-tools{display:flex;align-items:center;gap:15px;min-width:0}
.topbar-context{display:flex;flex-direction:column;gap:1px;line-height:1.25;min-width:0}
.topbar-context .top-eyebrow{font-size:9px;letter-spacing:.13em;font-weight:740;color:#98a3b4}
.topbar-context strong{font-size:18px;font-weight:760;color:#1b2940;letter-spacing:-.027em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-tools{gap:11px}
.top-search{height:39px;width:min(242px,24vw);padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid #e3e8f0;border-radius:10px;background:#f7f9fd;color:#8792a4;font-size:12px;cursor:pointer}
.top-search span{flex:1;text-align:left}.top-search kbd{background:white;border:1px solid #e3e8f0;border-radius:5px;padding:2px 5px;font:11px sans-serif;color:#8a96a7}
.top-search:hover{border-color:#c6b18a;color:#293952}
.header-create{height:40px;min-height:40px;padding:0 17px;border-radius:10px;background:linear-gradient(105deg,#1b2e4d,#263e61);box-shadow:0 6px 14px rgba(30,52,84,.12)}
.header-profile{height:37px;width:37px;display:grid;place-items:center;color:#192b45;background:#e9d19a;border:2px solid #fff;border-radius:50%;font-weight:770;box-shadow:0 0 0 1px #e5e4e0;text-decoration:none!important}
.mobile-sidebar-btn{display:none}
/* Main layout */
body.is-authenticated .container{width:min(1480px,calc(100% - 60px));margin:30px auto 60px;flex:1;min-height:65vh}
body.is-authenticated footer{margin:0 34px 20px;border:0;padding:16px 0;font-size:10px;color:#9aa5b6}
.pagehead{align-items:center;margin:0 0 23px;gap:16px}
.pagehead h1{font-size:clamp(27px,2.7vw,34px);font-weight:780;letter-spacing:-.045em;color:#1a2941}
.pagehead p{font-size:13px;line-height:1.6;color:#7c8a9b;max-width:740px}
.button{border-radius:10px;transition:transform .16s,box-shadow .16s,background .16s}
.button:hover{transform:translateY(-1px)}
.card,.stat,.feature,.media-card{border-color:#e9edf4;border-radius:16px;box-shadow:0 3px 12px rgba(34,55,86,.025)}
.card{padding:24px 25px}
.stats{gap:17px;margin-bottom:24px}
.stat{position:relative;min-height:132px;padding:22px 23px;gap:8px;overflow:hidden}
.stat:before{content:"";height:4px;width:38px;position:absolute;right:22px;top:25px;border-radius:6px;background:linear-gradient(90deg,#c69c58,#e6ca8e);opacity:.78}
.stat span{font-size:12px;color:#7c8a9f;font-weight:680}
.stat strong{font-size:33px;color:#1c2c47}
.stat small{font-size:11px;color:#95a0b0}
.table-scroll{border-radius:15px;border-color:#e9edf3;box-shadow:0 4px 14px rgba(34,55,86,.025)}
th{background:#fafbfe;color:#8995a7}
td{line-height:1.55}
tr:hover td{background:#fbfcff}
.sectionhead{margin:27px 2px 13px}.sectionhead h2{font-size:17px;letter-spacing:-.02em;color:#1c2d46}
.sectionhead a{font-size:12px;font-weight:700}
.feature{gap:11px;position:relative;overflow:hidden;min-height:109px;background:#fff}
.feature strong{font-size:16px;color:#233650}.feature:hover{border-color:#d3b779;box-shadow:0 9px 24px rgba(36,54,81,.06)}
.banner{background:#f1f5fc;border:1px solid #dbe5f3;border-left:4px solid #bd9654;border-radius:14px}
.form input:not([type=checkbox]),.form select,.form textarea,.copyarea,.statusform input{border:1px solid #dce3ee;background:#fcfdff;border-radius:10px;padding:12px 13px;transition:border-color .16s,box-shadow .16s}
.form label{color:#33435c;font-size:13px;gap:8px}
.form fieldset{border-color:#e2e8f0;border-radius:12px}
.form textarea{min-height:118px}
/* A welcoming, task-oriented dashboard */
.dashboard-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr);align-items:center;gap:25px;position:relative;overflow:hidden;background:linear-gradient(110deg,#182a47 0%,#223d5d 69%,#304c6c 100%);border:1px solid #273b59;box-shadow:0 16px 30px rgba(21,39,66,.12);border-radius:20px;padding:30px 34px;color:white;margin:0 0 22px}
.dashboard-intro:after{content:"";position:absolute;right:-65px;top:-100px;width:430px;height:430px;border-radius:50%;border:1px solid rgba(222,194,139,.2);box-shadow:0 0 0 64px rgba(255,255,255,.025),0 0 0 128px rgba(255,255,255,.018);pointer-events:none}
.dashboard-intro>div{position:relative;z-index:1}
.dashboard-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(234,204,142,.28);border-radius:100px;background:rgba(217,180,106,.1);padding:6px 12px;color:#f5d99c;font-size:10px;letter-spacing:.095em;font-weight:760;text-transform:uppercase}
.dashboard-badge:before{content:"";width:6px;height:6px;background:#e8c988;border-radius:50%}
.dashboard-intro h1{font-size:clamp(26px,3vw,39px);line-height:1.17;letter-spacing:-.05em;margin:16px 0 10px;color:#fff}
.dashboard-intro p{font-size:13px;color:#beccdf;max-width:505px;line-height:1.75;margin:0 0 21px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.hero-actions .button{background:#e5c887;color:#1c2d46!important;border-color:#e5c887;padding-inline:18px}
.hero-actions .button:hover{background:#f1dca8;border-color:#f1dca8}
.hero-actions .button.secondary{color:#f3f6fa!important;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24)}
.hero-insight{background:rgba(15,28,47,.46);border:1px solid rgba(255,255,255,.17);border-radius:15px;padding:21px 22px;backdrop-filter:blur(3px)}
.hero-insight-label{font-size:10px;color:#c1cfe0;text-transform:uppercase;letter-spacing:.1em;font-weight:760}
.hero-insight strong{display:block;font-size:24px;letter-spacing:-.045em;margin:5px 0 2px}
.hero-insight small{color:#b1c2d4;font-size:11px;line-height:1.6}
.hero-divider{height:1px;background:rgba(255,255,255,.13);margin:13px 0}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 27px}
.quick-card{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid #e7ebf2;background:white;border-radius:13px;padding:14px;transition:border .16s,transform .16s,box-shadow .16s;text-decoration:none!important}
.quick-card:hover{border-color:#c6a971;box-shadow:0 8px 23px rgba(27,49,76,.06);transform:translateY(-2px)}
.quick-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:#edf1f8;color:#344d73}
.quick-card:nth-child(2) .quick-icon{background:#f7f1e2;color:#99712d}
.quick-card:nth-child(3) .quick-icon{background:#e8f3ed;color:#34775a}
.quick-card:nth-child(4) .quick-icon{background:#f2eef8;color:#74629b}
.quick-label{display:flex;flex-direction:column;gap:2px;min-width:0}
.quick-label strong{font-size:12px;color:#23344e;font-weight:750}
.quick-label small{font-size:10px;color:#8b98aa;white-space:normal;line-height:1.3}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.9fr);gap:19px;align-items:start;margin-top:5px}
.dashboard-panel{background:#fff;border:1px solid #e9edf4;border-radius:16px;padding:20px 22px;box-shadow:0 3px 12px rgba(34,55,86,.02)}
.dashboard-panel .sectionhead{margin:0 0 12px}
.setup-title{margin:0 0 3px;font-size:16px;letter-spacing:-.02em}
.setup-note{margin:0 0 18px;font-size:11px;color:#8290a4}
.setup-progress{height:7px;border-radius:10px;background:#e8edf4;overflow:hidden;margin:12px 0 17px}
.setup-progress-fill{height:100%;background:linear-gradient(90deg,#a98b4d,#e5c887);border-radius:10px}
.setup-item{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf1f5;font-size:12px;color:#364861;text-decoration:none!important}
.setup-item:last-child{border-bottom:0}
.setup-item strong{font-weight:700}.setup-item small{font-size:11px;color:#8d9aab;display:block;margin-top:3px}
.setup-check{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f0f3f9;color:#8694a8;flex:none;border:1px solid #e1e7ef}
.setup-item.complete .setup-check{color:#2d9364;background:#e7f4eb;border-color:#cae6d4}
.setup-right{margin-left:auto;color:#8b99ac}
.status-stack{margin:14px 0 0}
.status-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid #e9ddc0;border-radius:12px;background:#fffaf0;color:#705a31;font-size:12px;line-height:1.5}
.status-banner svg{flex:none;margin-top:1px}
.dash-posts .table-scroll{border:0;box-shadow:none;border-radius:0}.dash-posts table{min-width:530px}
/* Search dialog (client-side local navigation only) */
.command-backdrop[hidden]{display:none!important}
.command-backdrop{position:fixed;inset:0;z-index:90;background:rgba(10,19,37,.57);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:flex-start;padding:13vh 18px 24px}
.command-panel{width:min(610px,100%);max-height:75vh;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dce3ee;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.23)}
.command-search{display:flex;align-items:center;gap:13px;border-bottom:1px solid #e7ebf3;padding:17px 18px;color:#65748b}
.command-search input{flex:1;border:0;background:transparent;outline:none;font-size:16px;color:#1b2e49;min-width:0}
.command-hint{padding:13px 18px 9px;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#9aa5b7}
.command-results{overflow:auto;padding:0 9px 10px}
.command-result{display:flex;align-items:center;gap:12px;width:100%;min-height:45px;background:transparent;border:0;border-radius:9px;padding:9px 11px;text-align:left;color:#344760;font-size:13px;cursor:pointer}
.command-result .ico{color:#8b9aaf}.command-result span{flex:1}
.command-result:hover,.command-result.is-selected{background:#edf2fa;color:#203657}
.command-foot{margin:0;border-top:1px solid #edf0f5;padding:12px 18px;color:#9aa5b5;font-size:10px}
.command-empty{padding:25px 12px;color:#8e9bad;font-size:12px;text-align:center}
/* Auth welcome */
body.is-public .app-root{padding-left:0}body.is-public .workspace-shell{min-height:100vh;display:flex;flex-direction:column}
.public-topbar{min-height:76px;position:relative;box-shadow:none;padding:13px max(20px,calc((100vw - 1220px)/2))}
.public-topbar .brand{min-width:0}.public-topbar .brandmark{background:linear-gradient(130deg,#e9d39e,#b48a42);color:#152443;border:0}
.public-security{font-size:12px;color:#b6c8dd}
body.is-public .container{flex:1;width:min(1100px,calc(100% - 35px));display:flex;align-items:center;justify-content:center;margin:45px auto}
body.is-public footer{border:0;margin:0;padding:20px}
.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.9fr);width:100%;min-height:525px;background:white;border:1px solid #e5e9f2;border-radius:23px;overflow:hidden;box-shadow:0 25px 65px rgba(29,49,80,.09)}
.auth-intro{padding:50px 45px;background:linear-gradient(145deg,#162640,#2d4868);position:relative;color:white;overflow:hidden}
.auth-intro:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid rgba(227,198,139,.24);right:-145px;bottom:-170px;box-shadow:0 0 0 50px rgba(255,255,255,.018),0 0 0 100px rgba(255,255,255,.018)}
.auth-intro h2{font-size:clamp(29px,3.3vw,40px);line-height:1.16;letter-spacing:-.047em;max-width:360px;margin:26px 0 15px}
.auth-intro p{font-size:13px;color:#c6d4e6;max-width:360px;line-height:1.85}
.auth-tag{display:inline-flex;padding:7px 12px;border-radius:100px;background:rgba(227,198,139,.1);border:1px solid rgba(227,198,139,.26);color:#e9d19a;font-size:10px;letter-spacing:.13em;font-weight:750}
.auth-benefits{display:flex;flex-direction:column;gap:19px;margin-top:42px}
.auth-benefit{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:590;color:#e4ecfa}
.auth-benefit span{display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.065);border-radius:9px;color:#e9d19a}
.auth-layout .auth{align-self:center;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;padding:40px clamp(22px,4vw,52px)}
.auth-layout .auth h1{font-size:29px}.auth-layout .auth .eyebrow{font-size:10px;color:#a47e3f}
.auth-layout .auth form{margin-top:24px}.auth-layout .auth .button{min-height:48px}
.auth-layout .google-signin{max-width:none;background:#fff!important;border-color:#dce3ec;color:#34455f!important}
/* Mobile and tablet */
.mobile-quick-nav{display:none}
@media(max-width:1180px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-search{width:170px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){
 body.is-authenticated .app-root{padding-left:0!important}
 body.is-authenticated .sidebar{width:min(310px,87vw)!important;transform:translateX(-110%);transition:transform .2s ease;z-index:40}
 body.sidebar-open .sidebar{transform:translateX(0)}
 .sidebar-collapse{display:none}
 .mobile-sidebar-btn{display:grid}
 body.is-authenticated .topbar{min-height:65px;height:65px;padding:0 20px;flex-wrap:nowrap}
 body.is-authenticated .container{width:calc(100% - 35px);margin-top:22px}
 .topbar-tools{gap:7px}
 .top-search{width:42px;justify-content:center;padding:0}
 .top-search span,.top-search kbd{display:none}
 .mobile-quick-nav{display:grid;position:fixed;bottom:0;left:0;right:0;grid-template-columns:repeat(5,minmax(0,1fr));z-index:30;background:#121e35;border-top:1px solid #34435d;box-shadow:0 -10px 25px rgba(17,31,52,.12);padding:5px 5px calc(6px + env(safe-area-inset-bottom))}
 .mobile-quick-nav a,.mobile-quick-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:49px;font-size:10px;color:#d5dfed;padding:4px 1px;background:transparent;border:0;text-decoration:none;cursor:pointer}
 .mobile-quick-nav span{font-size:21px;color:#e8cf99;line-height:23px}
 .mobile-quick-nav .is-current{background:#293b59;color:#fff;border-radius:9px}
 body.is-authenticated .container{margin-bottom:90px}
 body.is-authenticated footer{margin-bottom:80px}
 body.sidebar-open:after{content:"";position:fixed;inset:0;background:rgba(11,19,34,.55);z-index:35}
 .sidebar .nav{display:block!important;max-height:none!important;overflow-y:auto!important;width:auto!important;padding:0 12px 14px!important}
 .sidebar .navlink{padding:9px 12px!important;min-height:40px!important;background:transparent!important;font-size:12.5px!important}
 .sidebar .navlink.is-current{background:#324560!important}
}
@media(max-width:730px){
 .dashboard-intro{grid-template-columns:1fr;gap:11px;padding:24px 21px}
 .dashboard-intro h1{font-size:29px}
 .dashboard-intro p{margin-bottom:17px}
 .hero-insight{padding:16px 17px}
 .quick-grid{gap:9px}
 .quick-card{padding:12px;gap:9px}
 .quick-icon{width:36px;height:36px}
 .quick-label strong{font-size:11px}.quick-label small{font-size:9px}
 .dashboard-grid{grid-template-columns:1fr;gap:15px}
 .dashboard-panel{padding:18px 16px}
 .topbar-context .top-eyebrow{display:none}
 .topbar-context strong{font-size:15px}
 .topbar-tools .top-activation{display:none}
 .header-create{height:39px;min-height:39px;font-size:0;padding:0 10px;width:39px}
 .header-create .ico{width:19px;height:19px}
 .header-profile{width:34px;height:34px}
 body.is-authenticated .container{width:calc(100% - 24px);margin-top:17px}
 .pagehead{align-items:start;flex-direction:column}.pagehead h1{font-size:28px}.pagehead .button{width:100%}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .stat{padding:17px 16px;min-height:115px}.stat strong{font-size:29px}.stat:before{right:12px;top:18px;width:23px}
 .card{padding:19px 17px}
 .auth-layout{grid-template-columns:1fr;min-height:0}.auth-intro{padding:26px}.auth-intro h2{font-size:27px;margin:12px 0 8px}.auth-intro p{margin-bottom:0}.auth-benefits{display:none}.auth-layout .auth{padding:29px 25px}
 body.is-public .container{margin:20px auto}
}
@media(max-width:390px){.dashboard-intro{padding:20px 17px}.quick-grid{grid-template-columns:1fr 1fr}.quick-card{flex-direction:column;align-items:flex-start}.topbar-left{gap:5px}.topbar-tools{gap:4px}.hero-actions .button{font-size:12px;padding:11px}.sidebar .navlink{font-size:13px}}
@media(prefers-reduced-motion:reduce){.sidebar,.button,.quick-card{transition:none!important;transform:none!important}}

/* Authenticated sign out stays a CSRF-protected POST. */
.side-logout{margin:10px 0 0}.sidebar-signout{display:flex;align-items:center;gap:9px;color:#a9bed5;border:0;background:transparent;cursor:pointer;border-radius:9px;min-height:38px;width:100%;padding:8px 10px;font-size:12px;font-weight:640;text-align:left}.sidebar-signout:hover{background:#293956;color:#fff}body.nav-collapsed .sidebar-signout{justify-content:center}body.nav-collapsed .sidebar-signout span{display:none}

/* v0.9 Android planner: a readable chronological agenda on narrow screens. */
.mobile-agenda{display:none}.agenda-day{display:flex;gap:13px;align-items:start;margin:0 0 12px}.agenda-date{flex:none;min-width:53px;color:#99712d;font-size:12px;font-weight:800;padding:11px 0}.agenda-events{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.agenda-event{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:white;border:1px solid #e6eaf1;border-radius:12px;text-decoration:none!important;box-shadow:var(--shadow)}.agenda-event strong{font-size:13px;color:#253952}.agenda-event span:last-child{font-size:11px;color:#8693a6}.agenda-platform{font-size:10px;color:#a78242;font-weight:770;text-transform:uppercase;letter-spacing:.07em}
@media(max-width:730px){.desktop-calendar{display:none}.mobile-agenda{display:block}.calendar-nav{gap:4px}.calendar-nav h2{font-size:13px}.calendar-nav .button{padding:8px;font-size:11px;min-height:42px}.calendar-nav{margin-bottom:17px}}