@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#292929;font-synthesis:none;text-rendering:optimizelegibility;--black:#000;--olive:#4a6444;--sage:#8db283;--charcoal:#292929;--white:#fff;--ink:var(--charcoal);--muted:#727870;--line:#dfe3dc;--paper:var(--white);--canvas:#f4f5f2;--lime:var(--sage);--lime-deep:var(--olive);--forest:var(--black);--orange:#b47943;--red:#a64b45;--shadow:0 18px 50px #00000012;background:#f4f5f2;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.metric-copy strong,.score-ring,.compliance-score span{font-family:Ambiguity,Manrope,sans-serif}.app-shell{min-height:100vh}.sidebar{z-index:30;color:#fff;background:#000;border-right:1px solid #8db28338;flex-direction:column;width:248px;padding:27px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:.1em;align-items:center;gap:12px;padding:0 8px;display:flex}.brand-official{height:62px;padding:0}.official-lockup{background:#000;width:208px;height:62px;display:block;position:relative;overflow:hidden}.official-lockup img{width:208px;height:auto;display:block;position:absolute;top:-20px;left:0}.brand-copy{flex-direction:column;line-height:1.02;display:flex}.brand strong{color:#fff;letter-spacing:.22em;font-size:14px;font-weight:800}.brand small{color:var(--sage);letter-spacing:.3em;margin-top:6px;font-size:7px;font-weight:700}.official-mark{--mark-size:43px;width:var(--mark-size);height:var(--mark-size);flex:0 0 var(--mark-size);background:#fff;display:block;position:relative;overflow:hidden}.official-mark img{width:calc(var(--mark-size) * 2.14);height:auto;left:calc(var(--mark-size) * -.57);top:calc(var(--mark-size) * -.35);-webkit-user-select:none;user-select:none;position:absolute}.official-mark-dark{display:none}.official-mark-white{background:#000}.official-mark-white .official-mark-light{display:none}.official-mark-white .official-mark-dark{display:block}.official-mark-black .official-mark-dark{display:none}.brand-product{border-top:1px solid #ffffff24;justify-content:space-between;align-items:baseline;gap:8px;margin:19px 8px 0;padding:13px 0 0;display:flex}.brand-product span{color:var(--sage);letter-spacing:-.02em;font-family:Ambiguity,Manrope,sans-serif;font-size:18px;font-weight:800}.brand-product small{color:#7d857c;letter-spacing:.05em;text-transform:uppercase;font-size:7px}.sidebar nav{flex-direction:column;gap:5px;margin-top:27px;display:flex}.sidebar nav button,.sidebar-bottom>button{color:#9ea69a;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;min-height:43px;padding:0 12px;font-size:14px;font-weight:500;transition:all .18s;display:flex}.sidebar nav button:hover,.sidebar-bottom>button:hover{color:#f8faf4;background:#ffffff0e}.sidebar nav button.active,.sidebar-bottom>button.active{color:#fff;box-shadow:inset 2px 0 var(--sage);background:#8db28329}.sidebar nav button.active svg,.sidebar-bottom>button.active svg{color:var(--lime)}.sidebar nav button b{background:var(--lime);color:#172012;border-radius:20px;place-items:center;min-width:21px;height:21px;margin-left:auto;font-size:11px;display:grid}.sidebar-bottom{margin-top:auto}.user-card{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:14px;padding:19px 7px 0;display:flex}.user-card>span:not(.avatar){flex-direction:column;flex:1;min-width:0;display:flex}.user-card strong{text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.user-card small{color:#858d80;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.logout-button{color:#7f877c;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.logout-button:hover{color:#fff;background:#ffffff14}.main-area{isolation:isolate;min-height:100vh;margin-left:248px;position:relative}.main-area:before{content:"";z-index:-1;aspect-ratio:1;opacity:.075;pointer-events:none;background:repeating-radial-gradient(circle, var(--olive) 0 1px, transparent 1px 39px), repeating-conic-gradient(from 0deg, var(--olive) 0 .35deg, transparent .35deg 30deg);border-radius:50%;width:480px;position:fixed;bottom:-185px;right:-145px}.desktop-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#ffffffdb;justify-content:space-between;align-items:center;height:66px;padding:0 34px;display:flex;position:sticky;top:0}.global-search{color:#777d74;cursor:pointer;text-align:left;background:#fffefa;border:1px solid #dfdfd6;border-radius:8px;align-items:center;gap:9px;width:310px;height:36px;padding:0 11px;font-size:13px;display:flex}.global-search:hover{border-color:var(--sage)}.global-search kbd{color:#858b80;background:#f6f6f0;border:1px solid #e1e2d9;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:10px}.topbar-actions{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.topbar-actions .icon-button{margin-right:11px;position:relative}.topbar-actions .icon-button i{background:var(--orange);border:1px solid var(--paper);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.connection-dot{background:#bbbdb6;border-radius:50%;width:7px;height:7px}.email-status-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px}.email-status-button:hover{color:var(--olive);text-decoration:underline}.mobile-bar{display:none}.page-content{max-width:1500px;margin:0 auto;padding:40px 38px 70px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.page-header h1{color:var(--ink);letter-spacing:-.045em;margin:4px 0 8px;font-size:clamp(28px,3vw,38px);line-height:1.1}.page-header>div:first-child>p:last-child{color:var(--muted);margin:0;font-size:14px}.eyebrow{color:var(--olive);letter-spacing:.15em;text-transform:uppercase;margin:0 0 3px;font-family:Be Vietnam Pro,sans-serif;font-size:10px;font-weight:700}.button{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 15px;font-size:13px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.53}.button-primary{background:var(--ink);color:#fff;box-shadow:0 6px 16px #181b161f}.button-primary:hover:not(:disabled){background:#273026;box-shadow:0 8px 20px #181b162b}.button-secondary{background:var(--paper);color:var(--ink);border-color:#d9dbd2}.button-secondary:hover:not(:disabled),.button-ghost:hover:not(:disabled){background:#f2f2eb}.button-ghost{color:#656b61;background:0 0}.button-danger{color:#9e3f3a;background:#fae9e7}.icon-button{color:#72786e;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:var(--ink);background:#3e443812}.text-button{color:#5f665b;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric-card{border:1px solid var(--line);background:var(--paper);border-radius:13px;align-items:flex-start;gap:13px;min-height:124px;padding:19px;display:flex;box-shadow:0 4px 20px #2c312506}.metric-card.metric-accent{background:var(--black);border-color:var(--black);color:#fff}.metric-icon{color:#55604d;background:#eff1e8;border-radius:9px;flex:0 0 37px;place-items:center;width:37px;height:37px;display:grid}.metric-accent .metric-icon{background:var(--sage);color:var(--black)}.metric-copy{flex-direction:column;display:flex}.metric-copy>span{color:#73796e;font-size:11px;font-weight:600}.metric-accent .metric-copy>span{color:#aeb8a6}.metric-copy strong{letter-spacing:-.04em;margin:4px 0 1px;font-family:Ambiguity,Manrope,sans-serif;font-size:28px;line-height:1}.metric-copy small{color:#9a9e95;font-size:10px;line-height:1.35}.metric-accent .metric-copy small{color:#889383}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr);gap:16px;display:grid}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 24px #31372906}.panel-header{justify-content:space-between;align-items:center;gap:18px;padding:20px 21px 15px;display:flex}.panel-header h2{letter-spacing:-.025em;margin:2px 0 0;font-size:16px}.focus-list{padding:0 8px 8px}.focus-row{cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #ecece5;border-radius:7px;align-items:center;gap:12px;width:100%;min-height:69px;padding:8px 12px;display:flex}.focus-row:hover{background:#f7f7f1}.focus-index{color:#a1a69c;font-variant-numeric:tabular-nums;font-size:10px}.focus-index-0{color:#6d852f}.focus-person{flex-direction:column;flex:1;min-width:0;display:flex}.focus-person strong{font-size:13px}.focus-person small{color:#888d84;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.focus-action{flex-direction:column;width:100px;display:flex}.focus-action small{color:#9a9e96;font-size:9px}.focus-action strong{font-size:11px}.focus-row>svg{color:#abb0a7}.avatar{background:hsl(var(--avatar-hue) 35% 89%);color:hsl(var(--avatar-hue) 28% 30%);letter-spacing:-.02em;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.avatar-sm{width:30px;height:30px;font-size:9px}.avatar-md{width:38px;height:38px;font-size:11px}.avatar-lg{width:58px;height:58px;font-size:16px}.signal-panel{padding-bottom:16px}.signal-panel .panel-header{align-items:flex-start}.score-ring{background:conic-gradient(var(--lime-deep) 0 87%, #e9ebdf 87%);border-radius:50%;place-items:center;width:53px;height:53px;font-family:Ambiguity,Manrope,sans-serif;font-size:15px;font-weight:700;display:grid;position:relative}.score-ring:before{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:5px}.score-ring>*{position:relative}.score-ring small{font-size:9px;position:relative}.signal-track{background:#eceee5;border-radius:4px;height:5px;margin:0 21px 12px;overflow:hidden}.signal-track span{background:linear-gradient(90deg, #95c72c, var(--lime));border-radius:inherit;height:100%;display:block}.signal-panel>.muted{margin:0 21px 17px;font-size:11px;line-height:1.5}.signal-callout{cursor:pointer;text-align:left;background:#f7f8f1;border:1px solid #e3e5dc;border-radius:10px;align-items:center;gap:11px;width:calc(100% - 30px);min-height:60px;margin:0 15px;padding:9px 11px;display:flex}.signal-callout:hover{border-color:#cbd2bb}.signal-callout-icon{color:#4f6e18;background:#e7f5c0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.signal-callout>span:nth-child(2){flex-direction:column;flex:1;display:flex}.signal-callout strong{font-size:11px}.signal-callout small{color:#858b80;font-size:9px}.signal-callout>svg{color:#9ba194}.activity-panel,.quick-panel{min-height:240px}.timeline{padding:0 22px 16px}.timeline-item{gap:10px;min-height:38px;padding:2px 0 12px 16px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:#e2e4db;width:1px;position:absolute;top:11px;bottom:-3px;left:3px}.timeline-dot{border:2px solid var(--paper);background:#98bd3a;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;left:0;box-shadow:0 0 0 1px #98bd3a}.timeline-item>div{flex:1}.timeline-item strong{text-transform:capitalize;font-size:11px;display:block}.timeline-item p{color:#979b93;margin:1px 0 0;font-size:9px}.timeline-item time{color:#a2a69e;font-size:9px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:9px;padding:0 18px 18px;display:grid}.quick-grid button{cursor:pointer;text-align:left;color:#596052;background:#f9f9f5;border:1px solid #e5e6de;border-radius:10px;flex-direction:column;align-items:flex-start;gap:13px;min-height:106px;padding:14px;display:flex}.quick-grid button:hover{background:#f5f8ec;border-color:#cbd4b9}.quick-grid button span{flex-direction:column;display:flex}.quick-grid button strong{color:var(--ink);font-size:11px}.quick-grid button small{color:#8f948b;font-size:9px;line-height:1.4}.table-panel{overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:67px;padding:12px 17px;display:flex}.search-field{color:#989d94;background:#fff;border:1px solid #dedfd7;border-radius:8px;align-items:center;gap:8px;width:min(340px,34vw);height:38px;padding:0 11px;display:flex}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.filter-group{background:#f1f1eb;border-radius:8px;gap:3px;padding:3px;display:flex}.filter-group button{color:#83887e;text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:6px;height:29px;padding:0 11px;font-size:10px}.filter-group button.active{color:var(--ink);background:#fff;font-weight:700;box-shadow:0 2px 7px #252a2012}.record-count{color:#92978e;margin-left:auto;font-size:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#91968d;text-align:left;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#fafaf6;height:42px;padding:0 16px;font-size:9px;font-weight:700}td{white-space:nowrap;border-top:1px solid #ecece5;height:67px;padding:8px 16px;font-size:11px}tbody tr{cursor:pointer}tbody tr:hover{background:#fafbf6}td strong{font-size:11px;display:block}.person-cell{align-items:center;gap:11px;min-width:190px;display:flex}.person-cell span{flex-direction:column;display:flex}.person-cell small,.table-subline{color:#92968f;margin-top:2px;font-size:9px;display:block}.pill{color:#6c7268;text-transform:capitalize;background:#f0f1ec;border-radius:20px;justify-content:center;align-items:center;width:fit-content;height:22px;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.pill:before{content:"";opacity:.65;background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:5px}.pill-granted,.pill-active,.pill-engaged,.pill-approved,.pill-completed{color:#58751f;background:#edf6da}.pill-new,.pill-open{color:#526e8f;background:#e9f0fa}.pill-pending,.pill-in_progress,.pill-draft{color:#9b6b21;background:#fff2d8}.pill-withdrawn,.pill-expired,.pill-declined{color:#a14942;background:#fae5e2}.pill-paused,.pill-archived,.pill-discarded{color:#747970;background:#eeefeb}.pill-sent{color:#33755d;background:#e3f2ec}.muted{color:var(--muted)}.muted-icon{color:#9da299}.grow{flex:1;min-width:0}.drawer-layer{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11151047;justify-content:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.profile-drawer{background:var(--paper);width:min(440px,95vw);height:100%;padding:22px;animation:.23s slideIn;overflow-y:auto;box-shadow:-18px 0 55px #161b1429}.drawer-top{justify-content:space-between;align-items:center;display:flex}.profile-head{align-items:center;gap:15px;margin:22px 0;display:flex}.profile-head h2{margin:0 0 4px;font-size:21px}.profile-head p{color:var(--muted);margin:0;font-size:12px}.drawer-actions{border-bottom:1px solid var(--line);gap:8px;padding-bottom:22px;display:flex}.drawer-section{border-bottom:1px solid var(--line);padding:20px 0}.drawer-section h3{margin:2px 0 0;font-size:14px}.detail-list{gap:13px;margin-top:15px;display:grid}.detail-list>div{color:#737a6f;align-items:flex-start;gap:10px;display:flex}.detail-list span{flex-direction:column;display:flex}.detail-list small{color:#969b92;font-size:9px}.detail-list strong{color:var(--ink);font-size:11px}.consent-card{background:#f8faef;border:1px solid #dfe8cc;border-radius:11px;margin:14px -7px 0;padding:18px 15px}.section-title{justify-content:space-between;align-items:center;display:flex}.consent-card dl{grid-template-columns:1fr 1fr;gap:10px;margin:17px 0 0;display:grid}.consent-card dl div{background:#ffffffb3;border-radius:8px;padding:10px}.consent-card dt{color:#8c9287;font-size:9px}.consent-card dd{text-transform:capitalize;margin:2px 0 0;font-size:10px;font-weight:700}.notes-area{resize:vertical;width:100%;min-height:116px;color:var(--ink);background:#fbfbf7;border:1px solid #dedfd7;border-radius:9px;outline:0;margin:13px 0;padding:12px;font-size:11px;line-height:1.6}.notes-area:focus{border-color:#a9bf73;box-shadow:0 0 0 3px #abcf571f}.studio-layout{grid-template-columns:295px minmax(0,1fr);gap:14px;min-height:590px;display:grid}.draft-list{overflow:hidden}.draft-list-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:59px;padding:0 15px;display:flex}.draft-list-head h3{margin:0;font-size:13px}.draft-list-head span{color:#8d9288;font-size:9px}.draft-list-item{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ecece5;width:100%;min-height:116px;padding:13px 15px;display:block}.draft-list-item:hover,.draft-list-item.selected{background:#f7f8f1}.draft-avatar{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.draft-list-item>strong{font-size:11px;display:block}.draft-list-item>p{text-overflow:ellipsis;white-space:nowrap;color:#71776c;margin:2px 0;font-size:10px;overflow:hidden}.draft-list-item>small{color:#a0a49c;font-size:9px}.composer{flex-direction:column;display:flex;overflow:hidden}.composer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:12px 18px;display:flex}.recipient-chip{align-items:center;gap:10px;display:flex}.recipient-chip>span{flex-direction:column;display:flex}.recipient-chip small{color:#999e95;font-size:9px}.recipient-chip strong{font-size:11px}.composer-meta{align-items:center;gap:8px;display:flex}.composer-meta>span:last-child{color:#8b9187;text-transform:capitalize;align-items:center;gap:4px;font-size:9px;display:inline-flex}.subject-field{border-bottom:1px solid var(--line);align-items:center;padding:0 21px;display:flex}.subject-field span{color:#959a91;width:58px;font-size:10px}.subject-field input{width:100%;height:52px;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px;font-weight:700}.composer-body{resize:none;color:#33382f;background:0 0;border:0;outline:0;flex:1;min-height:340px;padding:23px;font-size:13px;line-height:1.8}.composer-context{color:#77806d;background:#f9f9f5;border:1px solid #e5e7de;border-radius:8px;align-items:center;gap:9px;margin:0 18px 15px;padding:10px 12px;display:flex}.composer-context span{flex-direction:column;display:flex}.composer-context strong{color:#5e6559;font-size:9px}.composer-context small{color:#969b91;font-size:9px}.composer-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:12px 17px;display:flex}.composer-footer>div{align-items:center;gap:6px;display:flex}.sent-confirm{color:#517623;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.safety-note{color:#747b70;justify-content:center;align-items:center;gap:8px;margin-top:13px;font-size:10px;display:flex}.safety-note strong{color:#535a50}.compliance-hero{background:var(--black);color:#fff;border:1px solid #8db28359;border-radius:15px;grid-template-columns:auto minmax(250px,1fr) auto;align-items:center;gap:27px;min-height:165px;margin-bottom:15px;padding:28px 31px;display:grid}.compliance-score{outline:2px solid var(--lime);outline-offset:-5px;border:7px solid #c9f25c2e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:105px;height:105px;display:flex}.compliance-score span{font-family:Ambiguity,Manrope,sans-serif;font-size:25px;font-weight:700}.compliance-score small{color:#aab4a5;font-size:8px}.compliance-hero .eyebrow{color:var(--lime)}.compliance-hero h2{margin:4px 0 7px;font-size:21px}.compliance-hero p:last-child{color:#a9b2a5;max-width:580px;margin:0;font-size:11px;line-height:1.5}.compliance-legend{flex-direction:column;gap:8px;min-width:110px;display:flex}.compliance-legend span{color:#b0b8ac;align-items:center;gap:7px;font-size:9px;display:flex}.dot{background:#8a9285;border-radius:50%;width:7px;height:7px}.dot-warn{background:#f4a85d}.privacy-grid{grid-template-columns:.9fr 1.3fr;gap:15px;display:grid}.panel-count{color:#747a70;background:#f0f1e9;border-radius:20px;place-items:center;min-width:27px;height:27px;font-size:10px;font-weight:700;display:grid}.compact-list,.request-list{padding:0 10px 11px}.compact-row,.request-row{border-top:1px solid #ecece5;align-items:center;gap:10px;min-height:60px;padding:8px 10px;display:flex}.compact-row .grow,.request-row .grow{flex-direction:column;display:flex}.compact-row strong,.request-row strong{font-size:10px}.compact-row small,.request-row small{color:#92978e;text-transform:capitalize;font-size:9px}.request-icon{color:#65715c;background:#eef1e8;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.request-due{flex-direction:column;width:75px;display:flex}.principles-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px;display:grid}.principles-row article{border:1px solid var(--line);color:#6b7561;background:#fffefa8c;border-radius:12px;gap:11px;min-height:82px;padding:16px;display:flex}.principles-row strong{color:var(--ink);font-size:10px}.principles-row p{color:#898e85;margin:3px 0 0;font-size:9px;line-height:1.4}.fields-panel{overflow:hidden}.field-header-row,.field-row{grid-template-columns:1.3fr .6fr .7fr 1.1fr .55fr 35px;align-items:center;gap:16px;display:grid}.field-header-row{color:#92978d;letter-spacing:.08em;text-transform:uppercase;background:#fafaf6;min-height:43px;padding:0 18px;font-size:9px;font-weight:700}.field-row{border-top:1px solid #e9eae2;min-height:67px;padding:9px 18px;font-size:10px}.field-identity{align-items:center;gap:10px;display:flex}.field-icon{color:#66735d;background:#eef1e7;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.field-identity>span:last-child{flex-direction:column;display:flex}.field-identity strong{font-size:11px}.field-identity small{color:#9a9f96;font-size:9px}.field-row code{color:#687064;background:#f0f1ec;border-radius:5px;width:fit-content;padding:4px 7px;font-size:9px}.privacy-label{color:#936137;align-items:center;gap:5px;display:inline-flex}.field-row>span:nth-child(4){text-overflow:ellipsis;white-space:nowrap;color:#777d73;overflow:hidden}.field-tip{color:#8e704e;background:#fffaf0;border:1px solid #e4ddce;border-radius:10px;gap:10px;max-width:560px;margin-top:16px;padding:14px;display:flex}.field-tip strong{color:#715b42;font-size:10px}.field-tip p{margin:3px 0 0;font-size:9px;line-height:1.5}.settings-grid{grid-template-columns:1.2fr .8fr;gap:15px;display:grid}.settings-card{min-height:390px}.integration-list{padding:0 12px 13px}.integration-row{border-top:1px solid #e9eae2;align-items:center;gap:11px;min-height:72px;padding:10px;display:flex}.integration-icon{color:#5c6a55;background:#eff1e8;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.integration-row .grow{flex-direction:column;display:flex}.integration-row strong{font-size:11px}.integration-row small{color:#92978e;font-size:9px}.connection-state{color:#9a7751;align-items:center;gap:6px;font-size:9px;font-weight:700;display:inline-flex}.connection-state i{background:#e3a05c;border-radius:50%;width:6px;height:6px}.connection-state.connected{color:#63822d}.connection-state.connected i{background:#8dbe35}.security-block{color:#5e6e58;padding:24px 27px}.security-block h3{color:var(--ink);margin:13px 0 6px;font-size:16px}.security-block p{color:#81877d;font-size:10px;line-height:1.55}.security-block ul{border-top:1px solid var(--line);gap:10px;margin:0;padding:12px 0 0;list-style:none;display:grid}.security-block li{align-items:center;gap:7px;font-size:10px;display:flex}.appearance-setting{align-items:center;gap:13px;min-height:112px;padding:22px;display:flex}.appearance-setting .grow{flex-direction:column;display:flex}.appearance-setting strong{font-size:12px}.appearance-setting small{color:var(--muted);margin-top:3px;font-size:9px}.pipeline-rule{color:#667452;background:#f7faef;border:1px solid #dfe6cd;border-radius:10px;align-items:center;gap:9px;min-height:43px;margin:-12px 0 17px;padding:10px 13px;font-size:11px;display:flex}.kanban-board{scroll-snap-type:x proximity;grid-template-columns:repeat(6,minmax(255px,1fr));gap:12px;padding:1px 1px 18px;display:grid;overflow-x:auto}.kanban-column{border:1px solid var(--line);scroll-snap-align:start;background:#eeeee8;border-radius:13px;min-height:560px;padding:10px;transition:border-color .16s,background .16s}.kanban-column.drag-active{border-color:#cad6af}.kanban-column>header{justify-content:space-between;align-items:flex-start;gap:8px;min-height:58px;padding:4px 4px 10px;display:flex}.kanban-column>header h2{letter-spacing:-.02em;margin:0 0 3px;font-size:13px}.kanban-column>header p{color:var(--muted);margin:0;font-size:9px}.kanban-column>header>span{color:#777c74;background:#ffffffb8;border-radius:20px;place-items:center;min-width:24px;height:24px;font-size:10px;font-weight:700;display:grid}.kanban-stack{align-content:start;gap:9px;min-height:470px;display:grid}.kanban-card{background:var(--paper);cursor:grab;border:1px solid #dedfd7;border-radius:11px;padding:12px;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 4px 14px #262b1f0b}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px #262b1f1a}.kanban-card.is-dragging{opacity:.42;cursor:grabbing}.kanban-card-top{justify-content:space-between;align-items:center;gap:8px;min-height:30px;display:flex}.kanban-card h3{margin:11px 0 3px;font-size:13px}.kanban-card>p{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.kanban-tags{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.kanban-tags span{color:#737a6e;background:#f0f1ea;border-radius:5px;padding:3px 6px;font-size:8px}.kanban-card footer{border-top:1px solid var(--line);color:#949991;justify-content:space-between;align-items:center;margin-top:12px;padding-top:9px;font-size:8px;display:flex}.suppression-note{color:#a24c45;background:#fae8e5;border-radius:6px;margin-top:8px;padding:6px 7px;font-size:8px;display:block}.kanban-empty{color:#a0a49d;border:1px dashed #ced1c7;border-radius:9px;place-items:center;min-height:72px;font-size:9px;display:grid}.drawer-hint{color:var(--red);text-transform:capitalize;margin:7px 0 0;font-size:9px}.notification-anchor{position:relative}.notification-anchor>.icon-button{margin-right:11px}.notification-popover{z-index:80;border:1px solid var(--line);background:var(--paper);border-radius:13px;width:min(390px,100vw - 28px);position:absolute;top:44px;right:0;overflow:hidden;box-shadow:0 22px 60px #1a1f172e}.notification-popover>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:66px;padding:13px 15px;display:flex}.notification-popover>header h3{margin:2px 0 0;font-size:14px}.notification-popover>header>span{color:var(--muted);font-size:9px}.notification-popover>div{max-height:390px;overflow-y:auto}.notification-popover>div>button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#fbfcf6;align-items:flex-start;gap:9px;width:100%;min-height:79px;padding:12px 15px;display:flex}.notification-popover>div>button.read{background:var(--paper);opacity:.68}.notification-popover>div>button:hover{background:#f4f7ec}.notification-dot{background:var(--orange);border-radius:50%;flex:0 0 7px;width:7px;height:7px;margin-top:5px}.notification-popover button.read .notification-dot{background:#b7bbb3}.notification-popover button>span:last-child{flex-direction:column;display:flex}.notification-popover button strong{font-size:10px}.notification-popover button small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.4}.notification-popover button time{color:#a1a69e;margin-top:5px;font-size:8px}.notification-empty{color:var(--muted);text-align:center;margin:0;padding:28px 20px;font-size:10px}.mobile-actions{align-items:center;display:flex}.mobile-actions .icon-button{position:relative}.mobile-actions b{background:var(--orange);color:#fff;border-radius:12px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:0;right:-1px}.mobile-notifications{display:none}.modal-layer{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12161175;place-items:center;padding:20px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:15px;width:min(535px,100%);max-height:calc(100vh - 40px);animation:.2s modalUp;overflow-y:auto;box-shadow:0 30px 90px #0f130e42}.modal-wide{width:min(760px,100%)}.modal-header{z-index:3;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffefaf2;justify-content:space-between;align-items:center;min-height:73px;padding:16px 20px;display:flex;position:sticky;top:0}.modal-header h2{letter-spacing:-.03em;margin:2px 0 0;font-size:18px}.modal-body{gap:15px;padding:20px;display:grid}.modal-footer{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffefaf2;justify-content:flex-end;align-items:center;gap:7px;min-height:66px;padding:12px 18px;display:flex;position:sticky;bottom:0}.form-section{gap:14px;display:grid}.form-section h3{margin:0;font-size:13px}.form-section-tinted{background:#f8faef;border:1px solid #e2e8d3;border-radius:11px;margin:3px -3px -3px;padding:17px}.section-inline{color:#687a50;gap:10px;display:flex}.section-inline h3{color:var(--ink)}.section-inline p{color:#808b74;margin:2px 0 0;font-size:9px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{color:#666d62;flex-direction:column;gap:6px;font-size:10px;font-weight:600;display:flex}.field-span{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dbddd3;border-radius:8px;outline:0;font-size:12px;font-weight:400}.field input,.field select{height:39px;padding:0 10px}.field textarea{resize:vertical;padding:10px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9dbb5d;box-shadow:0 0 0 3px #a8ca5621}.field input::placeholder,.field textarea::placeholder{color:#b3b6af}.check-field{cursor:pointer;border:1px solid #e3e4dc;border-radius:9px;align-items:flex-start;gap:10px;padding:12px;display:flex}.check-field input{accent-color:#4d6b1f;margin-top:2px}.check-field span{flex-direction:column;display:flex}.check-field strong{font-size:10px}.check-field small{color:#949990;margin-top:2px;font-size:9px}.draft-banner{background:#f7faed;border:1px solid #dfe8c9;border-radius:10px;gap:12px;padding:13px;display:flex}.draft-banner>span{background:var(--lime);color:#26331a;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.draft-banner strong{font-size:10px}.draft-banner p{color:#79826f;margin:3px 0 0;font-size:9px;line-height:1.45}.deadline-note{color:#737a6f;background:#f3f3ed;border-radius:8px;gap:9px;padding:12px;font-size:9px;line-height:1.45;display:flex}.connection-success{color:var(--olive);background:#f1f6ef;border:1px solid #cfdccc;border-radius:10px;align-items:center;gap:12px;padding:15px;display:flex}.connection-success div{flex-direction:column;display:flex}.connection-success strong{color:var(--ink);font-size:13px}.connection-success p{margin:3px 0 0;font-size:11px}.gmail-summary{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.gmail-summary>div{border-right:1px solid var(--line);flex-direction:column;gap:5px;min-height:78px;padding:13px;display:flex}.gmail-summary>div:last-child{border-right:0}.gmail-summary span{color:var(--muted);font-size:9px}.gmail-summary strong{font-size:10px;line-height:1.4}.modal-help{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.setup-checklist{color:var(--olive);gap:9px;padding:4px 2px;font-size:11px;display:grid}.setup-checklist span{align-items:center;gap:8px;display:flex}.gmail-steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.gmail-steps>li{border:1px solid var(--line);border-radius:10px;grid-template-columns:30px 1fr;gap:12px;padding:15px;display:grid}.gmail-steps>li>span{background:var(--black);width:30px;height:30px;color:var(--white);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.gmail-steps>li>div{gap:9px;display:grid}.gmail-steps strong{font-size:12px}.gmail-steps p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.copy-value{border:1px solid var(--line);background:var(--canvas);border-radius:8px;align-items:center;gap:6px;min-width:0;padding:6px 7px 6px 10px;display:flex}.copy-value code{text-overflow:ellipsis;min-width:0;color:var(--olive);white-space:nowrap;flex:1;font-size:9px;overflow:hidden}.search-modal-input{width:100%;min-height:46px}.search-modal-input input{font-size:13px}.search-results{display:grid}.search-results>button{border:0;border-top:1px solid var(--line);min-height:58px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:8px 5px;display:flex}.search-results>button:hover{background:var(--canvas)}.search-results>button>span:not(.avatar){flex-direction:column;flex:1;min-width:0;display:flex}.search-results strong{font-size:11px}.search-results small{color:var(--muted);font-size:9px}.empty-state{text-align:center;color:#838980;flex-direction:column;justify-content:center;align-items:center;min-height:170px;padding:25px;display:flex}.empty-state>span{color:#6c7662;background:#f0f1e9;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:9px;display:grid}.empty-state strong{color:#50574d;font-size:11px}.empty-state p{max-width:250px;margin:3px 0 0;font-size:9px}.toast{z-index:120;color:#59742a;background:#fbfff4;border:1px solid #dce5cb;border-radius:10px;align-items:center;gap:9px;min-width:280px;max-width:430px;min-height:50px;padding:11px 10px 11px 14px;font-size:11px;font-weight:600;animation:.25s toastIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 13px 40px #1f271929}.toast-error{color:#a44842;background:#fff7f6;border-color:#ecd2cf}.toast span{flex:1}.toast button{color:inherit;cursor:pointer;background:0 0;border:0}.splash,.fatal-state{background:var(--black);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.splash .official-mark,.fatal-state .official-mark{--mark-size:68px;margin-bottom:18px}.splash strong{letter-spacing:.08em;font-family:Ambiguity,Manrope,sans-serif;font-size:18px}.splash p{color:#8d9789;font-size:11px}.fatal-state h1{max-width:600px;margin:15px 0 8px;font-size:28px}.fatal-state p{color:#9da69a;max-width:520px}.fatal-state code{color:var(--sage);text-align:left;background:#111;border:1px solid #343b31;border-radius:9px;margin:15px 0 22px;padding:15px 20px;font-size:11px;line-height:1.8}.login-page{background:var(--paper);grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-theme{z-index:5;border:1px solid var(--line);width:38px;height:38px;color:var(--muted);background:var(--paper);cursor:pointer;border-radius:9px;place-items:center;display:grid;position:fixed;top:22px;right:24px;box-shadow:0 8px 24px #00000014}.login-brand-panel{color:#fff;background:#000;flex-direction:column;justify-content:space-between;min-height:100vh;padding:48px 58px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";aspect-ratio:1;opacity:.32;background:repeating-radial-gradient(circle, var(--sage) 0 1px, transparent 1px 40px), repeating-conic-gradient(from 0deg, var(--sage) 0 .35deg, transparent .35deg 30deg);border-radius:50%;width:620px;position:absolute;bottom:-260px;right:-255px}.login-brand-panel>*{z-index:1;position:relative}.login-brand-panel .brand{padding:0}.login-brand-panel>div:last-child{max-width:650px}.login-brand-panel .eyebrow{color:var(--sage)}.login-brand-panel h1{letter-spacing:-.045em;margin-bottom:21px;font-size:clamp(38px,5vw,72px);line-height:.98}.login-brand-panel>div:last-child>p:last-child{color:#aeb7ab;max-width:560px;margin-bottom:0;font-size:15px;line-height:1.7}.login-signal{opacity:.1;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.login-signal .official-mark{--mark-size:310px;opacity:.7}.login-form-panel{background:var(--canvas);place-items:center;min-height:100vh;padding:80px 34px;display:grid}.login-card{border:1px solid var(--line);background:var(--paper);border-radius:16px;width:min(100%,430px);padding:38px;box-shadow:0 25px 70px #0000001a}.login-card h2{letter-spacing:-.035em;margin-bottom:8px;font-size:34px}.login-card .eyebrow{color:var(--olive);margin-bottom:7px}.login-intro{color:var(--muted);margin-bottom:28px;font-size:13px;line-height:1.55}.login-icon{width:44px;height:44px;color:var(--black);background:var(--sage);border-radius:11px;place-items:center;margin-bottom:24px;display:grid}.login-input{height:45px;color:var(--olive);background:#fff;border:1px solid #d8ddd6;border-radius:9px;align-items:center;gap:10px;padding:0 12px;transition:border-color .16s,box-shadow .16s;display:flex}.login-input:focus-within{border-color:var(--sage);box-shadow:0 0 0 3px #8db2832e}.login-input input{width:100%;min-width:0;height:100%;color:var(--charcoal);background:0 0;border:0;outline:0;font-size:13px}.login-input input[readonly]{color:#687066}.login-card .field{margin-bottom:17px}.login-card>.button{width:100%;height:45px;margin-top:5px}.login-error{color:#8f3e38;background:#fbefed;border:1px solid #e2b9b5;border-radius:8px;align-items:flex-start;gap:8px;margin:2px 0 14px;padding:10px 12px;font-size:11px;line-height:1.45;display:flex}.login-error svg{flex:0 0 16px;margin-top:1px}.login-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:21px 0 0;font-size:10px;display:flex}::selection{background:var(--sage);color:var(--black)}.page-header h1{font-weight:800}.page-header>div:first-child>p:last-child{max-width:720px;line-height:1.55}.panel,.metric-card,.kanban-card,.modal,.notification-popover{box-shadow:var(--shadow)}.button-primary{background:var(--black);color:var(--white)}.button-primary:hover:not(:disabled){background:var(--charcoal)}.button-secondary{border-color:#d5dad3}.icon-button:hover{background:#4a64441a}.text-button,.focus-index-0,.security-block,.principles-row article,.request-icon,.field-icon{color:var(--olive)}.avatar{color:var(--olive);background:#e7efe4;border:1px solid #d6e3d2}.metric-icon,.integration-icon,.field-icon,.request-icon,.panel-count,.empty-state>span{color:var(--olive);background:#edf2eb}.score-ring{background:conic-gradient(var(--olive) 0 87%, #e4e9e2 87%)}.signal-track span{background:linear-gradient(90deg, var(--olive), var(--sage))}.signal-callout-icon{color:var(--olive);background:#dfeadd}.signal-callout:hover,.quick-grid button:hover{border-color:var(--sage)}.timeline-dot{background:var(--sage);box-shadow:0 0 0 1px var(--olive)}.connection-dot.online{background:var(--sage);box-shadow:0 0 0 3px #8db28333}.draft-list-item.selected{box-shadow:inset 3px 0 var(--olive)}.pill-granted,.pill-active,.pill-engaged,.pill-approved,.pill-completed,.pill-sent{color:var(--olive);background:#e4eee1}.compliance-score{outline-color:var(--sage);border-color:#8db28340}.dot-good{background:var(--sage)}.privacy-label,.field-tip{color:var(--olive)}.field-tip{background:#f2f6f0;border-color:#d7e1d4}.field-tip strong{color:var(--olive)}.pipeline-rule,.draft-banner,.form-section-tinted{color:var(--olive);background:#f1f6ef;border-color:#cfdccc}.kanban-column.drag-active{border-color:var(--sage);background:#e9efe7}.field input:focus,.field select:focus,.field textarea:focus,.notes-area:focus{border-color:var(--sage);box-shadow:0 0 0 3px #8db2832e}.check-field input{accent-color:var(--olive)}.draft-banner>span{background:var(--sage);color:var(--black)}.toast{color:var(--olive);background:#f4faf2;border-color:#cbdcc7}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f5f2;--ink:#fff;--muted:#aeb5ac;--line:#3a4039;--paper:#292929;--canvas:#151715;--shadow:0 18px 54px #0000004d;background:#111311}[data-theme=dark] .desktop-topbar,[data-theme=dark] .mobile-bar{background:#191b19eb}[data-theme=dark] .global-search,[data-theme=dark] .search-field,[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea{color:var(--ink);background:#1d201d;border-color:#424842}[data-theme=dark] .global-search kbd,[data-theme=dark] .filter-group,[data-theme=dark] .field-row code,[data-theme=dark] .kanban-tags span,[data-theme=dark] .deadline-note{color:#c2c8c0;background:#333633;border-color:#424842}[data-theme=dark] .filter-group button.active,[data-theme=dark] th,[data-theme=dark] .field-header-row{background:#343734}[data-theme=dark] tbody tr:hover,[data-theme=dark] .focus-row:hover,[data-theme=dark] .quick-grid button,[data-theme=dark] .signal-callout,[data-theme=dark] .notification-popover>div>button{background:#303330}[data-theme=dark] .quick-grid button:hover,[data-theme=dark] .notification-popover>div>button:hover{background:#373b37}[data-theme=dark] .metric-icon,[data-theme=dark] .integration-icon,[data-theme=dark] .field-icon,[data-theme=dark] .request-icon,[data-theme=dark] .panel-count,[data-theme=dark] .empty-state>span{color:var(--sage);background:#394039}[data-theme=dark] .avatar{color:#dfe9dc;background:#354034;border-color:#445443}[data-theme=dark] .kanban-column{background:#1d201d}[data-theme=dark] .kanban-column>header>span{background:#343834}[data-theme=dark] .kanban-card{border-color:#414641}[data-theme=dark] .pipeline-rule,[data-theme=dark] .draft-banner,[data-theme=dark] .form-section-tinted,[data-theme=dark] .connection-success{background:#30382e;border-color:#4a5947}[data-theme=dark] .gmail-steps>li>span{background:var(--sage);color:var(--black)}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{background:#292929f5}[data-theme=dark] .principles-row article{background:#2929299e}[data-theme=dark] .button-primary{background:var(--sage);color:var(--black)}[data-theme=dark] .button-secondary{border-color:#41483e}[data-theme=dark] .button-secondary:hover:not(:disabled),[data-theme=dark] .button-ghost:hover:not(:disabled){background:#30362e}[data-theme=dark] .pill-paused,[data-theme=dark] .pill-archived,[data-theme=dark] .pill-discarded{background:#333932}[data-theme=dark] .login-form-panel{background:#151715}[data-theme=dark] .login-card,[data-theme=dark] .login-theme{background:#292929}[data-theme=dark] .login-input{background:#1d201d;border-color:#444b43}[data-theme=dark] .login-input input{color:#f3f5f2}[data-theme=dark] .login-input input[readonly]{color:#a9b0a6}[data-theme=dark] .login-error{color:#efb2ad;background:#3c2927;border-color:#714642}[data-theme=dark] .official-mark-auto{background:#000}[data-theme=dark] .official-mark-auto .official-mark-light{display:none}[data-theme=dark] .official-mark-auto .official-mark-dark{display:block}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes modalUp{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1150px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.signal-panel{min-height:200px}.field-header-row,.field-row{grid-template-columns:1.4fr .7fr .8fr .6fr 35px}.field-header-row>:nth-child(4),.field-row>:nth-child(4){display:none}}@media (width<=850px){.login-page{grid-template-columns:1fr}.login-brand-panel{min-height:300px;padding:32px 28px}.login-brand-panel h1{margin-bottom:13px;font-size:38px}.login-brand-panel>div:last-child>p:last-child{font-size:12px}.login-signal{left:auto;right:-40px;transform:translateY(-50%)}.login-signal .official-mark{--mark-size:220px}.login-form-panel{min-height:calc(100vh - 300px);padding:45px 20px}.login-theme{color:#fff;background:#00000080;border-color:#ffffff2e;top:18px;right:18px}.sidebar{transition:transform .22s;transform:translate(-100%);box-shadow:15px 0 45px #0003}.sidebar-open{transform:translate(0)}.sidebar-scrim{z-index:25;background:#0d100c59;border:0;position:fixed;inset:0}.main-area{margin-left:0}.desktop-topbar{display:none}.mobile-bar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf9f5e6;justify-content:space-between;align-items:center;height:58px;padding:0 14px;display:flex;position:sticky;top:0}.mobile-bar .brand{color:var(--ink);gap:8px;padding:0}.mobile-bar .brand strong{color:var(--ink);letter-spacing:.17em;font-size:12px}.mobile-bar .official-mark{--mark-size:29px}.mobile-notifications{z-index:70;justify-content:flex-end;padding:10px 14px;display:flex;position:fixed;inset:58px 0 auto}.mobile-notifications .notification-popover{position:relative;inset:auto}.page-content{padding:28px 20px 60px}.privacy-grid,.settings-grid{grid-template-columns:1fr}}@media (width<=650px){.login-brand-panel{min-height:260px}.login-brand-panel h1{max-width:310px;font-size:31px}.login-brand-panel>div:last-child>p:last-child{display:none}.login-form-panel{min-height:calc(100vh - 260px);padding:28px 16px}.login-card{padding:28px 22px}.page-header{flex-direction:column;align-items:flex-start;margin-bottom:23px}.page-header .page-actions,.page-header .button{width:100%}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:115px;padding:14px}.metric-copy strong{font-size:24px}.metric-icon{display:none}.dashboard-grid{display:block}.dashboard-grid>*{margin-bottom:13px}.quick-grid{grid-template-columns:1fr}.quick-grid button{flex-direction:row;align-items:center;min-height:72px}.focus-index,.focus-action{display:none}.table-toolbar{flex-direction:column;align-items:stretch}.search-field{width:100%}.filter-group{overflow-x:auto}.record-count{display:none}.studio-layout{grid-template-columns:1fr}.draft-list{max-height:260px;overflow-y:auto}.composer{min-height:570px}.composer-head{flex-direction:column;align-items:flex-start}.composer-footer{flex-direction:column;align-items:stretch}.composer-footer>div{justify-content:flex-end}.compliance-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.compliance-legend{flex-flow:wrap}.principles-row{grid-template-columns:1fr}.field-header-row{display:none}.field-row{grid-template-columns:1fr auto;gap:8px;padding:13px}.field-row>:not(.field-identity):not(.icon-button){display:none}.form-grid,.gmail-summary{grid-template-columns:1fr}.gmail-summary>div{border-right:0;border-bottom:1px solid var(--line);min-height:60px}.gmail-summary>div:last-child{border-bottom:0}.field-span{grid-column:auto}.toast{min-width:0;bottom:15px;left:15px;right:15px}.appearance-setting{flex-wrap:wrap;align-items:flex-start}.appearance-setting .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}