/* Nichoweb Control 2: bright materials, clear type and purposeful motion. */
:root{--bg:#f3f7f6;--paper:#fff;--ink:#172d28;--muted:#637970;--sage:#007e65;--sage-soft:#e0f3e9;--line:#deebe5;--dark:#132f29;--radius:20px;--blue:#3d6aeb;--ease-out:cubic-bezier(.23,1,.32,1)}
body{background:radial-gradient(ellipse at 90% 0%,#def4e990,transparent 45%),var(--bg)}h1,h2,h3,p{margin-top:0}h1{font-family:var(--sans);font-weight:620;font-size:clamp(30px,3vw,43px);letter-spacing:-.055em;line-height:1.14;margin-bottom:0}h1 em{font-family:var(--sans);font-style:normal;color:var(--sage);font-weight:inherit}h2{font-weight:600;letter-spacing:-.035em}h3{font-weight:600;letter-spacing:-.02em}.page-heading p{font-size:13px;line-height:1.65;margin-bottom:0;max-width:600px}.page-heading{margin-bottom:28px}.workspace{grid-template-columns:240px minmax(0,1fr)}.sidebar{background:linear-gradient(175deg,#173e33,#122823 65%,#183632);padding:28px 18px 16px;border-right:1px solid #244b3e}.sidebar .brand{font-size:23px;margin-inline:8px}.sidebar .brand>span{color:#73d3a6;font-size:9px;top:29px}.sidebar .brand img{border-radius:11px;box-shadow:0 5px 16px #05181140}.workspace-label{margin:24px 7px 8px;padding:17px 0;border-color:#a0c4a624}.workspace-monogram{background:#2c5546;color:#beefd1;border:1px solid #517d6140}.workspace-label small,.profile small{color:#9cb8aa}.connection-dot{background:#66dea9;box-shadow:0 0 0 4px #66dea912}.nav-group{font-size:10px!important;color:#91b0a2;margin:22px 14px 10px;letter-spacing:.12em}.nav-link{position:relative;font-size:13px;min-height:44px;color:#c3d7ce;padding:11px 14px;border:1px solid transparent;margin-bottom:5px;transition:background 180ms ease,color 180ms ease,transform 180ms var(--ease-out)}.nav-link.active{background:linear-gradient(110deg,#2b6750,#245440);border-color:#5490705c;color:white;box-shadow:0 4px 14px #071c1a20}.nav-link.active:before{content:'';position:absolute;width:3px;height:18px;left:-2px;top:50%;transform:translateY(-50%);border-radius:6px;background:#83eab1}.nav-link.active .nav-icon{color:#9ff2c0}.nav-badge{background:#81edb6;color:#154435;font-size:11px}.sidebar-bottom>a{font-size:12px;color:#b7cfc3}.profile{border-color:#a0c4a624}.avatar{background:linear-gradient(145deg,#ebffe8,#afebc9);color:#1f654a;box-shadow:0 1px 3px #15422d0a}.topbar{min-height:76px;background:#ffffffc4;border-color:#dce8e1;backdrop-filter:blur(16px);padding-inline:36px}.topbar-location{font-size:13px}.topbar-location strong{font-weight:550}.environment{border:1px solid #d7ecdf;padding:6px 10px;border-radius:50px;color:#42745a;background:#f2faf5;font-size:11px}.environment i{background:#0eb47d;width:6px;height:6px}.demo-banner{background:#e8f2ff;color:#375893;padding-inline:36px;font-size:11px;border-bottom:1px solid #d7e7ff}.demo-banner strong{font-weight:650}#main{padding:35px 36px 28px}.button{border-radius:12px;border-color:#d7e5dd;min-height:44px;font-size:12px;font-weight:580;gap:12px;box-shadow:0 2px 3px #11362703;transition:transform 150ms var(--ease-out),background 160ms ease,box-shadow 160ms ease}.primary{background:linear-gradient(135deg,#09886a,#006b58);border:1px solid #04765d;color:white;box-shadow:0 4px 10px #00755719}.button:active{transform:scale(.975)}.primary:focus-visible{outline-color:#009c76}.panel,.metric{border-color:#e0eae4;box-shadow:0 3px 4px #183c2d02,0 10px 35px #224b3b04}.metric{position:relative;padding:22px;border-radius:18px;overflow:hidden}.metric-head{font-size:12px!important;font-weight:500;line-height:1.5}.metric-head .nav-icon{width:34px;height:34px;border:1px solid #daf0e3;background:#ebfaf1;border-radius:10px;display:grid;place-items:center;color:#009d73}.metric:nth-child(2) .nav-icon{background:#edf2ff;border-color:#dbe5ff;color:#507be2}.metric:nth-child(3) .nav-icon{background:#fff5e6;border-color:#f9e6c9;color:#b87b20}.metric:nth-child(4) .nav-icon{background:#f2edff;border-color:#e4dcfa;color:#8560ca}.metric-value{font-size:36px;font-weight:550;letter-spacing:-.06em;margin:16px 0 5px;font-variant-numeric:tabular-nums}.metric-foot{font-size:11px!important;color:#778a80}.panel-head{padding:24px 25px 0}.panel-head h2{font-size:18px}.panel-head p{font-size:12px;margin-top:6px}.chart-summary strong{font-size:34px;font-weight:550}.chart-summary span{font-size:12px}.chart{height:170px;background:repeating-linear-gradient(to bottom,transparent,transparent 40px,#e4eee740px,#e4eee7 41px,transparent 42px)}.chart-line{stroke:#0d9b77;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:0;animation:draw-chart 850ms var(--ease-out) both}.chart-fill{fill:#acf0ce;opacity:.35}.chart-note{font-size:11px!important}.chart-labels{font-size:11px;color:#83958b}.site-card{position:relative;background:radial-gradient(ellipse at 100% 0%,#30947065,transparent 65%),linear-gradient(150deg,#1a6048,#153c35);border:1px solid #246b50;color:white;padding:25px;overflow:hidden;box-shadow:0 10px 40px #2769500d}.site-card-top{color:#c0e5d0;font-size:11px!important}.site-card-top .tag{background:#ffffff15;color:#d5fbe4;border-color:#ffffff26;font-size:10px}.site-card h2{font-size:22px;font-weight:550;margin-bottom:7px;color:#fff}.site-card p{color:#b9daca;font-size:12px!important;line-height:1.65}.site-card .primary{background:#c1f5d4;color:#164d39;border-color:#d2ffdf;box-shadow:0 4px 16px #071c1630}.site-miniature{background:#eaf7ea;border-color:#ffffff26;box-shadow:0 8px 22px #061c2025;color:#234c39;height:158px}.mini-copy{font-weight:600;font-size:24px}.mini-copy em{font-family:var(--serif);font-weight:500;color:#42634b}.mini-nav{background:#58aa7f}.site-miniature img{width:86px;height:86px;border-radius:18px;transform:rotate(-7deg)}.record-initial{background:#e9f6ed;border:1px solid #d8eddf;color:#368755;border-radius:11px;font-weight:550;width:38px;height:38px}.list-row strong{font-size:13px}.list-row small{font-size:11px}.list-row{border-color:#e5eee8;padding-block:15px}.activity-item{font-size:12px;border-color:#deeee1;padding-left:22px}.activity-item:before{width:7px;height:7px;background:#32b782;box-shadow:0 0 0 3px #eff8f1}.activity-item small{font-size:11px}.tag{background:#e5f7ec;border:1px solid #d4ecde;color:#267349;border-radius:7px;font-size:11px;padding:4px 9px}.tag.blue{background:#e9f0ff;border-color:#dce7ff;color:#466fc6}.tag.red{background:#fff0f1;border-color:#f1d5da;color:#b74b60}.tag.green{background:#c9f3dc;color:#096748}.subtle-link,.table-action{font-size:12px;font-weight:550;color:#008a69}.table-action{min-height:40px;white-space:nowrap}th{font-size:11px;background:#f4f8f5;padding-top:15px;padding-bottom:15px}td{font-size:13px;border-color:#e8efea;padding-top:18px;padding-bottom:18px}td strong{font-weight:550}td small{display:block;margin-top:5px;font-size:11px}.table-count{font-size:11px;color:#7a8b82}.filter-button.active{background:#ddf5e6;color:#18774d}.search input{background:#f5f9f6;font-size:13px;min-height:42px}.search-icon{top:12px}.search input:focus{background:white;box-shadow:0 0 0 3px #0ca67812}input,select,textarea{border:1px solid #d2e1d8;border-radius:11px;background:#fff;min-height:44px;width:100%;padding:10px 12px;outline:none;transition:box-shadow 160ms ease,border-color 160ms ease}input:focus,select:focus,textarea:focus{border-color:#089b75;box-shadow:0 0 0 3px #089b7512}textarea{resize:vertical;line-height:1.6}input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--sage)}.record-fields{gap:20px}.field label{font-size:12px;font-weight:500}.field textarea{min-height:100px}.record-dialog,.publish-dialog{box-shadow:0 24px 100px #0d332d33;border-color:#fff;max-height:90dvh}.dialog-top{background:#ffffffef;backdrop-filter:blur(10px);padding:24px 28px}.dialog-top h2{font-size:25px}.dialog-bottom{background:#f9fcfa;border-color:#e4eee7;padding:20px 28px}.record-dialog[open],.publish-dialog[open]{animation:modal-in 220ms var(--ease-out)}dialog::backdrop{background:#0e2b275c;backdrop-filter:blur(7px)}.detail-content{padding:25px 28px}.detail-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:20px}.contact-address{display:block;font-size:14px;color:#25865f;text-decoration:none;overflow-wrap:anywhere;margin-bottom:26px}.detail-content h3{font-size:13px;color:#56796a;margin-top:25px;margin-bottom:10px}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75;color:#344e42;background:#f4f9f5;border:1px solid #e5efe7;padding:18px;border-radius:13px}.proposal-amount{font-size:42px;letter-spacing:-.055em;font-weight:600;line-height:1.2;margin:15px 0 7px}.inline-success{border:1px solid #cbe9d3;background:#edfaf1;color:#24693a;padding:12px;border-radius:10px;font-size:12px;margin-top:22px}.inline-alert{background:#fff6e6;border:1px solid #f4e5c4;color:#936521;border-radius:11px;padding:14px;font-size:12px}.detail-content .muted{font-size:12px}.mail-connection{display:flex;gap:20px;align-items:center;padding:25px;margin-bottom:22px}.mail-connection h2{font-size:19px;margin-bottom:5px;overflow-wrap:anywhere}.mail-connection p{color:var(--muted);font-size:12px;margin-bottom:9px}.mail-connection .button{margin-left:auto}.gmail-mark{flex:none;background:linear-gradient(145deg,#e2f3ff,#eff5ff);border:1px solid #d9e8f7;width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-size:28px;font-weight:650;color:#547ddd;box-shadow:0 6px 15px #356dc109}.gmail-setup{margin-bottom:22px;max-width:none}.mail-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:740px;margin:25px 0}.mail-fields .field label{display:block;font-size:12px;margin-bottom:8px}.mail-list{padding:14px 24px 24px}.mail-row{display:flex;width:100%;align-items:center;gap:15px;text-align:left;border:0;border-bottom:1px solid #e4eee7;min-height:110px;padding:20px 0;border-radius:0;background:transparent;transform:none!important}.mail-row>span:nth-child(2){flex:1;min-width:0}.mail-row strong,.mail-row b,.mail-row small{display:block;overflow-wrap:anywhere}.mail-row strong{font-size:12px;font-weight:550;color:var(--muted)}.mail-row b{font-size:14px;font-weight:550;margin:4px 0}.mail-row small{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.mail-row time{font-size:11px;color:var(--muted);white-space:nowrap}.mail-avatar{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;color:#5777c0;background:#edf2fc}#mail-reply{margin-top:28px}#mail-reply button{margin-top:15px}#mail-reply label{font-size:12px;display:block;margin-bottom:10px}.live-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#238654;white-space:nowrap}.live-label i{width:6px;height:6px;background:#20bf83;border-radius:50%;box-shadow:0 0 0 4px #e4f8ee}.agent{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traffic-table{margin-top:20px}.release-steps{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:5px 0 24px;font-size:12px;color:#9aaea1}.release-steps b{font-weight:550;margin-left:7px}.release-steps .complete{color:#16865c}.release-steps i{font-style:normal;color:#a2b9aa}.upload-zone{display:flex;align-items:center;gap:20px;padding:28px;margin-bottom:22px;border:1px dashed #b4d9c1;background:linear-gradient(120deg,#fff,#f0fbf2);transition:border-color 180ms,box-shadow 180ms}.upload-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#def6e6;border:1px solid #cfebd7;color:#15925f;flex:none}.upload-icon svg{width:25px;height:25px}.upload-zone h2{font-size:18px;margin-bottom:5px;overflow-wrap:anywhere}.upload-zone p{font-size:12px;color:var(--muted);margin-bottom:4px}.upload-note{font-size:11px;color:#3e8d5b}.upload-zone>.button{margin-left:auto;flex:none}.upload-zone.drag-over{border-color:#0daf73;box-shadow:0 0 0 4px #31ca8312}.release-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;border-top:1px solid var(--line)}.release-bottom p{font-size:12px;color:var(--muted);margin:0}.preview-head{padding:15px 23px;min-height:65px;font-size:12px}.preview-head span{gap:8px}.preview-widths button{font-size:11px;min-height:36px;padding-inline:12px}.preview-widths button.active{background:#e0f5e8;color:#218958}.preview-stage{background:#e4ebe6}.settings-content p{line-height:1.75}.settings-row{font-size:12px}.workspace-footer{margin-inline:36px;color:#88a092;font-size:11px}.toast{background:#173e30;border-color:#386d50;color:#ecfff1;border-radius:14px;box-shadow:0 10px 35px #204b3420;left:calc(50% + 120px);transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out)}@starting-style{.toast{opacity:0;transform:translate(-50%,8px)}}.auth-story{background:radial-gradient(ellipse at top right,#2b976c50,transparent 65%),#153c30}.auth-story h1{font-family:var(--sans);font-weight:550;letter-spacing:-.055em}.auth-story h1 em{font-family:var(--sans);font-style:normal;color:#9be8b5}.auth-story .brand{color:#fff}.auth-eyebrow{color:#9be8b5}.auth-foot{color:#9cc5ad}.auth-form-wrap h2{font-weight:600;letter-spacing:-.05em}.auth-form-wrap .primary{padding:13px 18px}.auth-form-wrap input{min-height:50px}.auth-form-wrap{background:linear-gradient(130deg,#fff,#eff8f3)}
@keyframes draw-chart{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.nav-link:hover{background:#2b5544;color:#e9fff0}.button:hover{background:#eff9f3;box-shadow:0 5px 12px #32563e0d}.primary:hover{background:#007f61;color:white;box-shadow:0 6px 15px #00755724}.site-card .primary:hover{background:#dbffe8;color:#174b34}.metric:hover{border-color:#c8e5d3}.table-action:hover,.subtle-link:hover{color:#00644a}.mail-row:hover{background:#f4faf6}.nav-link:hover{transform:translateX(2px)}}
@media(max-width:1250px){.workspace{grid-template-columns:220px minmax(0,1fr)}#main,.topbar{padding-inline:28px}.metric{padding:18px}.metric-value{font-size:32px}.workspace-footer{margin-inline:28px}.toast{left:calc(50% + 110px)}}
@media(max-width:1000px){.upload-zone{flex-wrap:wrap}.upload-zone>.button{margin-left:78px}.site-card{display:block}.site-card-top{margin-bottom:20px}.site-miniature{margin-bottom:19px}}
@media(max-width:760px){.workspace{display:block}#main{padding:27px 20px}.topbar{padding:10px 16px}.demo-banner{padding:10px 20px}.sidebar{padding-top:24px}.sidebar .brand{margin-top:10px}.nav-group{margin-top:17px}.page-heading h1{font-size:34px}.page-heading p{font-size:12px}.metric{padding:17px 14px}.metric-value{font-size:29px}.metric-head{font-size:11px!important}.metric-foot{font-size:10px!important}.metrics{gap:10px}.metric-head .nav-icon{display:none}.panel-head{padding:21px 20px 0}.upload-zone{padding:22px;gap:15px}.upload-zone>div:nth-child(2){flex:1;min-width:0}.upload-icon{width:44px;height:44px;border-radius:12px}.upload-zone h2{font-size:16px}.upload-zone>.button{margin-left:0;width:100%}.release-steps{font-size:11px;gap:11px}.release-bottom{padding:19px;flex-direction:column;align-items:stretch}.release-bottom .button{width:100%}.preview-head{padding-inline:15px;font-size:11px;flex-wrap:wrap;gap:10px}.mail-fields{grid-template-columns:1fr}.mail-connection{padding:22px;gap:13px;flex-wrap:wrap}.mail-connection h2{font-size:16px}.mail-connection .button{margin-left:0;width:100%}.gmail-mark{width:44px;height:44px;font-size:24px}.mail-connection>div:nth-child(2){flex:1;min-width:0}.mail-list{padding-inline:18px}.mail-row{gap:11px}.mail-row time{display:none}.mail-row b{font-size:13px}.detail-content{padding:22px}.dialog-top{padding:22px}.dialog-top h2{font-size:23px;overflow-wrap:anywhere}.message-content{padding:15px;font-size:13px}.proposal-amount{font-size:37px}.dialog-bottom{padding:18px 22px}.dialog-bottom .button{flex:1;white-space:normal;text-align:center}.workspace-footer{margin-inline:20px;font-size:10px}.toast{left:50%}.traffic-table{font-size:12px}.traffic-table th,.traffic-table td{white-space:nowrap}.topbar-right .environment{display:none}.field input,.field textarea,.field select{font-size:16px}.date-label{display:none}.auth-story h1{font-size:36px}}
@media(max-width:380px){#main{padding-inline:15px}.page-heading h1{font-size:30px}.metric-value{font-size:26px}.metric-head{font-size:10px!important}.metric-foot{font-size:9px!important}.release-steps{gap:8px;font-size:10px}.release-steps b{margin-left:3px}.preview-widths button{padding-inline:8px}.upload-note{font-size:10px}.workspace-footer{margin-inline:15px}}
@media(min-width:761px) and (max-height:850px){.sidebar .workspace-label{display:none}.sidebar .brand{margin-bottom:15px}.sidebar .nav-group{margin:8px 12px 3px;line-height:12px}.sidebar .nav-link{min-height:36px;padding:8px 12px;margin-bottom:2px;font-size:12px}.sidebar-bottom{padding-top:10px}.sidebar-bottom>a{padding:8px 10px}.profile{margin-top:4px;padding-top:10px}}

.preview-docs{display:flex;gap:4px;margin-left:auto}.preview-docs button{width:auto;border:0;border-radius:7px;min-height:36px;padding:6px 10px;font-size:11px}.preview-docs button.active{background:#edf5f0;color:#16835b}.version-history{margin-top:18px;color:var(--muted);font-size:12px}.version-history summary{cursor:pointer;padding:10px 0}.history-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--line)}.history-item strong,.history-item small{display:block;font-size:11px}.history-item .text-button{white-space:nowrap;color:var(--sage)}@media(max-width:760px){.preview-docs{margin-left:0}.preview-head>span{width:100%}}