:root{--bg:#0d0a13;--panel:#171120;--panel2:#21182d;--line:#bd97d51c;--text:#eee6f6;--muted:#8d779f;--acid:#d5f768;--violet:#ad88f6;--font:'Cairo',Tahoma,sans-serif;--latin:'Space Grotesk',sans-serif;}
*{box-sizing:border-box}
body{margin:0;font:13px/1.9 var(--font)}
h1,h2,h3,p{margin:0}
button,input,textarea,select{font:inherit}
button{cursor:pointer;}
button:disabled{opacity:.4;cursor:default}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{;outline-offset:4px}
a{;text-decoration:none}
img{display:block;max-width:100%}
[hidden]{display:none!important}
.skip{position:fixed;top:-100px;right:15px;z-index:100;padding:10px;}
.skip:focus{top:10px}
.office-header{display:flex;align-items:center;justify-content:space-between;gap:25px;height:100px;padding:0 4.5%;}
.office-brand{display:flex;align-items:center;gap:14px}
.control-emblem{width:68px;height:68px;object-fit:contain}
.office-brand>span[dir]{font:400 17px var(--latin);letter-spacing:1.2px}
.office-brand b{font-weight:700}
.brand-sub{font-size:10px;padding-right:22px;margin-right:10px;}
.header-actions{display:flex;align-items:center;gap:15px}
.sync-state{display:flex;align-items:center;gap:8px;font-size:9px;}
.sync-state i{width:5px;height:5px;border-radius:50%;}
.icon-button{height:33px;width:33px;font-size:20px;border-radius:7px}
.office-header .btn{font-size:9px;padding:6px 13px;min-height:33px}
.logout{;padding-right:16px;font-size:10px}
.office-navigation{display:flex;gap:7px;align-items:center;justify-content:center;margin:22px auto 0;width:max-content;max-width:92%;padding:6px;border-radius:12px;position:relative;z-index:20}
.office-navigation button{;font-size:11px;padding:11px 19px;border-radius:8px;white-space:nowrap}
.office-navigation button>span{font:8px var(--latin);margin-left:7px}
.office-navigation button[aria-current=page]{;}
.office-navigation i{display:inline-block;height:4px;width:4px;border-radius:50%;margin-right:4px}
.office-main{width:min(1450px,91%);margin:auto;min-height:calc(100dvh - 190px);padding-bottom:50px}
.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:38px 0 30px}
.section-number,.eyebrow{display:block;font-size:9px;font-weight:500;letter-spacing:.6px}
.page-intro h1{font-size:37px;font-weight:800;letter-spacing:-1.4px;margin:9px 0 6px;line-height:1.5}
.page-intro h1>span{font:20px var(--latin);vertical-align:top;display:inline-block;margin:12px 10px 0 0}
.page-intro p{font-size:11px;}
.office-date{font-size:10px;padding-bottom:7px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:28px}
.stats article{;border-radius:13px;padding:25px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.stats article:first-child{;}
.stats article:first-child:after{content:'↗';position:absolute;left:20px;top:13px;font:60px var(--latin);opacity:.12}
.stats small{font-size:10px;}
.stats strong{font-size:23px;font-weight:700;letter-spacing:-.5px;margin:13px 0 8px;line-height:1.5}
.stats article>span{font-size:8px;}
.stats article:first-child strong{font:500 39px/1.3 var(--latin);margin:12px 0;}
.panel{;border-radius:14px;overflow:hidden;margin-bottom:25px;min-width:0}
.panel-head{padding:25px 28px 22px;position:relative}
.panel-head h2{font-size:23px;font-weight:700;letter-spacing:-.7px;margin-top:5px}
.panel-head p{font-size:10px;max-width:570px;margin-top:6px;line-height:2}
.panel-body{padding:25px 28px}
.panel-foot{display:flex;align-items:center;gap:10px;padding:15px 28px;font-size:9px;}
.panel-foot>span:last-child{margin-right:auto}
.pill{position:absolute;left:28px;top:29px;border-radius:30px;padding:6px 12px;font-size:9px}
.pill.live{;}
.attendance-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px}
.attendance-card{;border-radius:11px;padding:22px;display:grid;grid-template-columns:1fr auto;column-gap:15px;min-width:0}
.att-top{display:flex;align-items:center;gap:11px}
.avatar{width:43px;height:43px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:22px;flex-shrink:0}
.avatar img{height:100%;width:100%;object-fit:cover}
.att-name{display:flex;flex-direction:column}
.att-name b{font-size:16px;font-weight:700}
.att-name small{font-size:8px;}
.dot{width:5px;height:5px;border-radius:50%;margin-right:5px}
.seg{display:flex;align-self:center;padding:3px;border-radius:7px;}
.seg button{;border-radius:4px;font-size:9px;padding:6px 11px}
.seg .selected{;}
.is-on .seg .selected{;}
.att-note-label{grid-column:span 2;font-size:8px;margin:19px 0 6px}
.note-row{grid-column:span 2;display:flex;gap:8px}
.note-row input{flex:1;min-width:0;font-size:10px;padding:9px 12px}
.note-row .btn{min-height:34px;font-size:9px;padding:6px 14px}
.att-meta{grid-column:span 2;font-size:8px;margin-top:8px}
.renew{grid-column:span 2;font-size:9px;padding:9px 0 0;text-align:right}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:9px 18px;min-height:39px;font-size:10px;font-weight:600}
.btn.primary{;}
.btn.danger{;}
.btn.full{width:100%}
.link-button{;font-size:10px;text-decoration:underline}
.field{margin-bottom:23px}
label{display:block;font-size:10px;margin-bottom:8px;}
input,textarea,select{;border-radius:7px;padding:11px 13px;max-width:100%;min-width:0}
input:not([type=checkbox]):not([type=file]),textarea,select{width:100%}
textarea{resize:vertical;min-height:110px}
.field>small,.numeric-rate-help,.shipping-help,.shipping-admin-error,.shipping-draft-notice{display:block;font-size:9px;margin-top:9px;line-height:2}
.field input[type=number]{font:500 24px var(--latin);padding:15px}
.mini-preview{;border-radius:8px;padding:16px;font-size:10px}
.mini-preview>small{font-size:8px;}
.mini-preview>div{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.mini-preview b{margin-right:12px;font-weight:600;}
.save-row{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-top:24px}
.save-row>small{font-size:8px;}
.dirty-label{position:absolute;left:25px;top:17px;font-size:8px;}
.pricing-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}
.shipping-settings{display:grid;grid-template-columns:1fr 130px;gap:10px 15px;margin-bottom:22px}
.shipping-settings .check-label{grid-column:span 2;display:flex;align-items:center;gap:8px;border-radius:7px;padding:13px;margin-bottom:12px;font-size:10px}
.shipping-settings>label:not(.check-label){align-self:center;margin:0}
.shipping-settings>small{grid-column:span 2;font-size:8px;}
.package-table{margin-top:20px}
.package-labels,.package-row{display:grid;grid-template-columns:1fr 1.5fr 100px 30px;gap:9px;align-items:center}
.package-labels{font-size:8px;padding-bottom:12px}
.package-row{padding:12px 0;}
.package-row input{font:13px var(--latin);padding:10px}
.package-row>div{display:grid;grid-template-columns:1fr 80px;gap:5px}
.package-row select{font-size:8px;padding:8px 5px}
.package-row .btn{min-height:30px;font-size:19px;padding:0}
.package-current{font:11px var(--latin),var(--font);}
.campaign-workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:23px;align-items:start}
.announcement-layout{display:flex;flex-direction:column;gap:25px}
.announcement-preview{;border-radius:9px;padding:20px}
.announcement-preview>.section-number{margin-bottom:13px}
.mock-browser{;border-radius:7px;overflow:hidden}
.browser-dots{padding:10px;direction:ltr;font:7px var(--latin);}
.browser-dots i{height:4px;width:4px;border-radius:50%;margin-right:4px;display:inline-block}
.browser-dots span{margin-left:10px}
.announcement-strip{;padding:12px;text-align:center;font-size:10px;overflow-wrap:anywhere}
.mock-brand{display:flex;align-items:center;gap:10px;padding:18px;font:11px var(--latin)}
.mock-brand img{width:35px;height:35px;object-fit:contain}
.mock-line{display:block;height:6px;width:60%;margin:0 18px 13px}
.mock-line.short{width:40%;margin-bottom:20px}
.upload-zone{width:100%;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:10px}
.upload-zone>span{font:36px var(--latin);}
.upload-zone strong{font-size:12px}
.upload-zone small{font:8px var(--latin);}
#preview img{max-height:300px;object-fit:contain;width:100%;margin-bottom:18px;border-radius:9px}
#imgStamp{font-size:9px;margin-bottom:15px}
.portraits-heading h3{font-size:17px;font-weight:700}
.portraits-heading p,.portraits-heading small{font-size:9px;line-height:2;display:block}
.portrait-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:23px 0 35px}
.portrait-card{;border-radius:10px;padding:21px 13px;display:flex;flex-direction:column;align-items:center;gap:13px}
.portrait-card .avatar{height:62px;width:62px;font-size:28px}
.portrait-card b{font-size:14px;font-weight:700}
.portrait-upload{font-size:9px}
.portrait-remove{;font-size:8px}
.team-table-head,.team-row{display:grid;grid-template-columns:1fr 1.3fr 1fr 32px;gap:13px;align-items:center}
.team-table-head{font-size:9px;padding:12px 0}
.team-row{padding:14px 0;}
.team-row label{margin:0}
.team-row label>span{display:none}
.team-row input{font-size:11px}
.remove-member{height:32px;border-radius:5px;font-size:20px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;max-width:1050px}
.settings-grid .wide{grid-column:span 2}
.settings-grid select{font-size:12px}
.number-field{display:flex;gap:12px;align-items:center}
.number-field input{max-width:150px}
.number-field>span{font-size:11px;}
.office-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;margin-top:35px;font-size:8px;}
.office-footer>span:first-child{font:8px var(--latin);letter-spacing:1.5px}
.save-bar{position:fixed;bottom:17px;left:50%;transform:translateX(-50%);width:min(850px,94%);z-index:40;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 20px;border-radius:12px}
.save-bar>div{display:flex;align-items:center;gap:11px}
.save-bar b{font-size:11px;font-weight:600}
.save-bar-dot{width:5px;height:5px;border-radius:50%;}
.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:100;padding:13px 24px;font-size:11px;border-radius:9px;max-width:90vw;}
.toast.bad{;}
.connection{;font-size:10px;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;margin-top:23px;border-radius:8px}
.login-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:100dvh;padding:50px 9%;}
.auth-art{position:relative;text-align:center;max-width:550px}
.auth-overline{font:9px var(--latin);letter-spacing:2px;}
.auth-art>img{width:100%;height:410px;object-fit:contain;margin:20px 0;}
.auth-art h2{font-size:35px;font-weight:800;line-height:1.6;letter-spacing:-1px}
.login-card{width:min(450px,100%);padding:35px;border-radius:17px;}
.login-card .office-brand{margin-bottom:28px}
.login-card .control-emblem{height:50px;width:50px}
.login-card .office-brand>span[dir]{font-size:15px}
.login-identity{display:flex;align-items:center;gap:13px;padding-bottom:20px;margin-bottom:23px}
.login-identity img{width:45px;height:45px;object-fit:contain}
.login-identity>span{font-size:10px;}
.login-card h1{font-size:28px;font-weight:800;letter-spacing:-.7px}
.login-card>p{font-size:11px;margin:8px 0 25px}
.password-field{display:flex;align-items:center;border-radius:8px}
.password-field input{;padding:12px}
.password-field button{;font-size:9px;padding:12px}
.login-card .error{font-size:10px;min-height:22px;margin:12px 0}
.login-card>.link-button{display:block;margin:20px auto}
.login-card>small{display:block;text-align:center;font-size:8px;}
.boot{min-height:100dvh;display:grid;place-items:center;}
dialog{;border-radius:14px;padding:27px;width:min(650px,94vw);max-height:90dvh;overflow:auto}
dialog::backdrop{;backdrop-filter:blur(8px)}
dialog h2{font-size:24px;font-weight:700;letter-spacing:-.6px;margin-bottom:10px}
dialog p{font-size:11px;}
.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
#uploadPreview,#fullImage{width:100%;max-height:60dvh;object-fit:contain;border-radius:9px}
.upload-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}
.upload-footer small{font-size:9px;}
.shipping-confirm-list{margin-top:18px}
.shipping-confirm-list>div{display:flex;justify-content:space-between;font-size:11px;padding:9px}
body:has(dialog[open]){overflow:hidden}

@media(max-width:1100px){.brand-sub{display:none}
.office-navigation{gap:3px}
.office-navigation button{padding:10px 15px}
.pricing-workspace{grid-template-columns:280px 1fr;gap:17px}
.panel-body,.panel-head{padding:22px}
.package-labels,.package-row{grid-template-columns:1fr 1.4fr 73px 28px;gap:7px}
.package-row>div{grid-template-columns:1fr}
.attendance-card{padding:20px;column-gap:10px}
.seg button{padding:6px 8px}
.stats article{padding:22px}
.stats strong{font-size:21px}
.campaign-workspace{gap:18px}
.login-layout{gap:40px;padding-inline:6%}
.auth-art>img{height:350px}
.auth-art h2{font-size:29px}
}

@media(max-width:760px){.office-header{height:83px;padding:0 5%;gap:15px}
.control-emblem{height:52px;width:52px}
.office-brand{gap:9px}
.office-brand>span[dir]{font-size:13px;letter-spacing:.5px}
.header-actions{gap:8px}
.sync-state{display:none}
.logout{padding-right:10px;font-size:9px}
.office-header .btn{font-size:8px;padding:5px 9px}
.office-navigation{max-width:92%;width:92%;justify-content:flex-start;overflow:auto;margin-top:15px;gap:2px;padding:5px;border-radius:10px}
.office-navigation button{font-size:10px;padding:10px 11px}
.office-navigation button>span{display:none}
.office-main{width:91%}
.page-intro{padding:27px 0 23px;align-items:flex-start;gap:12px;flex-direction:column}
.page-intro h1{font-size:29px;margin-top:7px}
.page-intro p{font-size:10px}
.page-intro h1>span{font-size:16px;margin-top:9px}
.office-date{font-size:9px}
.stats{grid-template-columns:1fr 1fr;gap:11px}
.stats article{padding:20px;border-radius:10px}
.stats strong{font-size:20px;margin-top:9px}
.stats small{font-size:9px}
.stats article>span{font-size:7px}
.stats article:first-child strong{font-size:35px}
.attendance-grid{grid-template-columns:1fr;padding:13px;gap:12px}
.attendance-card{padding:18px}
.panel-head,.panel-body{padding:21px}
.panel-head h2{font-size:21px}
.panel-head p{font-size:9px}
.pill{left:20px;top:25px;font-size:8px;padding:5px 9px}
.panel-foot{padding:13px 20px;font-size:7px;flex-wrap:wrap}
.pricing-workspace,.campaign-workspace{display:block}
.package-labels,.package-row{grid-template-columns:1fr 1.5fr 70px 27px;gap:7px}
.package-row>div{grid-template-columns:1fr 65px}
.package-row select{font-size:7px}
.package-row input{font-size:12px;padding:10px 7px}
.package-current{font-size:10px}
.portrait-grid{grid-template-columns:1fr 1fr;gap:10px}
.portrait-card{padding:18px 10px}
.team-table-head{display:none}
.team-row{grid-template-columns:1fr 30px;gap:10px}
.team-row label:first-child,.team-row label:nth-child(2),.team-row label:nth-child(3){grid-column:1}
.team-row label>span{display:block;font-size:8px;margin-bottom:5px}
.remove-member{grid-column:2;grid-row:span 3}
.settings-grid{grid-template-columns:1fr;gap:0}
.settings-grid .wide{grid-column:1}
.field>small{font-size:8px}
.save-bar{padding:11px;gap:10px;bottom:9px}
.save-bar b{font-size:9px}
.save-bar .btn{font-size:8px;padding:6px 10px}
.save-bar-dot{display:none}
.office-footer{font-size:7px;flex-wrap:wrap;gap:10px}
.login-layout{grid-template-columns:1fr;gap:25px;padding:30px 20px;justify-items:center}
.auth-art>img{height:210px;width:250px;margin:10px auto}
.auth-art h2{font-size:23px}
.auth-art h2 br{display:none}
.auth-overline{font-size:7px}
.login-card{padding:28px;max-width:420px}
.upload-footer{flex-wrap:wrap}
.note-row input{font-size:9px}
.att-name b{font-size:15px}
.seg button{font-size:8px;padding:6px 8px}
.login-card .office-brand{display:none}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}
}


/* Shams Control: ink navigation, stone workspace, semantic accents. */
a{color:inherit}
button{background:transparent;border:0;color:inherit}


:root{--bg:#e5e7e3;--panel:#f6f6f1;--panel2:#edf0eb;--line:#ced5ce;--text:#263b42;--muted:#617579;--acid:#2c6b5f;--violet:#9a753b;--ink:#202d35;--gold:#e5c18a;color-scheme:light}

body{background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}

button{color:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #2c6b5f;outline-offset:3px}

.office-header{height:88px;background:var(--ink);border-bottom:1px solid #3e505b;color:#ecf1ed}
.office-brand>span[dir]{color:#f3eadb}
.brand-sub{color:#adbab9;border-right:1px solid #52636b}
.office-header .control-emblem{background:#ffffff08;border-radius:10px}
.office-header .btn{background:#31424b;color:#d9e7e4;border:1px solid #4e616a}
.office-header .logout{color:#d1dbd9;border-right:1px solid #52636b}
.office-header .icon-button{color:#e5c18a;background:#31424b;border:1px solid #4e616a}
.sync-state{color:#bdcbc8}
.sync-state i{background:#d9bd86}
.sync-state.ok i{background:#83c5aa}
.sync-state.error{color:#ecada1}

.office-navigation{background:#293b44;border:1px solid #3c525c;border-radius:12px;padding:7px;box-shadow:0 6px 18px #23382d12;margin-top:23px}
.office-navigation button{color:#b6c7c9;font-size:12px;padding:11px 23px}
.office-navigation button>span{color:#8aa3aa}
.office-navigation button[aria-current=page]{background:#e8d3aa;color:#263c43;border:1px solid #eddbb9}
.office-navigation button[aria-current=page]>span{color:#715933}
.office-navigation button:hover:not([aria-current=page]){background:#354c56;color:#f1f5f2}
.office-navigation i{background:#83c5aa}

.page-intro{padding:30px 0 24px}
.page-intro h1{font-size:32px;letter-spacing:-.7px}
.page-intro h1>span{color:#9a753b}
.section-number,.eyebrow{color:#856936;font-size:10px}
.page-intro p{color:#617579;font-size:12px}
.office-date{color:#6b7b7b}

.stats{gap:16px}
.stats article{background:#f6f6f1;border:1px solid #ced5ce;border-top:3px solid #6f9c8c;box-shadow:0 3px 8px #263b4205;padding:21px 24px}
.stats article:first-child{background:#d8e8dd;color:#224b40;border-color:#b8d3c2;border-top-color:#49806a}
.stats article:nth-child(2){background:#eee3cd;border-color:#dbcca9;border-top-color:#b18a44}
.stats article:nth-child(3){background:#dce7ec;border-color:#bdcfd9;border-top-color:#668da0}
.stats article:nth-child(4){background:#edddd5;border-color:#d8c3b9;border-top-color:#b37e66}
.stats small{color:#52665f;font-size:11px}
.stats strong{color:#2b4248;font-size:24px}
.stats article>span{color:#617579;font-size:10px}
.stats article:first-child small,.stats article:first-child>span{color:#426e59}
.stats article:first-child strong{color:#275442}
.stats article:first-child:after{color:#275442}

.panel{background:var(--panel);border:1px solid #cbd4cd;box-shadow:0 3px 14px #263b4205}
.panel-head{border-bottom:1px solid #d2d9d1;background:#f0f2eb;padding:23px 27px}
.panel-head h2{color:#2b4248;font-size:22px}
.panel-head p{color:#667a78;font-size:11px}
.panel-body{background:#f8f8f3}
.panel-foot{background:#e4eae3;color:#617579;border-top:1px solid #d2d9d1}
.panel-foot>span:first-child{color:#5b7d6a}
.pill{background:#e4e9e1;border:1px solid #ccd7c7;color:#5e7662}
.pill.live{color:#2f7358;background:#d5e6da;border:1px solid #b2ceb9}

.attendance-grid{background:#ecefe9;gap:17px}
.attendance-card{background:#f8f8f3;border:1px solid #ccd5cd;box-shadow:0 2px 5px #263b4204}
.attendance-card.is-on{background:#f2f7ef;border-color:#90b79c;box-shadow:inset -3px 0 #4e8971}
.avatar{background:#e3d8c3;color:#7a5c2e;border:1px solid #cbbb9b}
.attendance-card:nth-child(2) .avatar{background:#d4e3e9;color:#436f82;border-color:#abc7d4}
.attendance-card:nth-child(3) .avatar{background:#e6d9e2;color:#865d79;border-color:#cbb8c6}
.attendance-card:nth-child(4) .avatar{background:#d8e4d5;color:#57774f;border-color:#b5cbae}
.att-name b{color:#2b4248}
.att-name small,.att-note-label,.att-meta{color:#6b7b76;font-size:10px}
.dot{background:#a5afaa}
.is-on .dot{background:#49806a}
.seg{background:#e8ece5;border:1px solid #ced7cc}
.seg button{color:#6b7b72;font-size:10px}
.seg .selected{background:#d7dcd3;color:#4e5d52}
.is-on .seg .selected{background:#43816a;color:#fff}
.renew{color:#2c6b5f}

.btn{background:#e6ece5;border:1px solid #c4d1c6;color:#315e50;font-size:11px;transition:background .15s}
.btn:hover{background:#dce7dd}
.btn.primary{background:#2f6b5b;border:1px solid #2f6b5b;color:#fff;box-shadow:0 2px 4px #2f6b5b18}
.btn.primary:hover{background:#245746}
.btn.danger{background:#f6e7df;border:1px solid #dfbcae;color:#a2543f}
.icon-button{background:#e8eee6;border:1px solid #cad5c8;color:#59705e}
.link-button{color:#2c6b5f}
.skip{background:#e8d3aa;color:#263c43}

label{color:#475f58;font-size:11px}
input,textarea,select{background:#fffef9;color:#2b4248;border:1px solid #bfcfc3;box-shadow:inset 0 1px 2px #263b4203;font-size:12px}
input:focus,textarea:focus,select:focus{border-color:#548975}
input::placeholder,textarea::placeholder{color:#8a9a91}
input[type=checkbox]{accent-color:#43816a}
.field>small,.numeric-rate-help,.shipping-help,.shipping-draft-notice{color:#6b7e74;font-size:10px}
.shipping-admin-error{color:#a2543f}
.field input[type=number]{background:#eef2e9;border-color:#b9cbb8;color:#315b48}
.mini-preview{background:#e5ead9;border:1px solid #c6d0b8;color:#4e6045}
.mini-preview>small{color:#73805e}
.mini-preview b{color:#4c6641}
.save-row>small{color:#6b7e74}
.dirty-label{color:#a2712f}
.shipping-settings .check-label{background:#dde9e5;color:#375f52}
.shipping-settings>small,.package-labels{color:#708379}
.package-row{border-top:1px solid #d2dacf}
.package-row select{background:#ebeee5}
.package-current{color:#32725a}
.shipping-draft-notice{background:#f0e7d2;color:#836635;padding:10px;border-radius:7px}

#rates .panel-head{background:#e4ebe0;border-bottom-color:#c2d2bd}
#rates .section-number{color:#638050}
#media .panel-head{background:#e0e9ed;border-bottom-color:#c1d2db}
#media .section-number{color:#587d91}
#announcement .panel-head{background:#eee2d1}
#announcement .section-number{color:#947044}
#teamSection .panel-head{background:#e8e0e6}
#teamSection .section-number{color:#896780}
#settings .panel-head{background:#dfe9e3}
#settings .section-number{color:#587d69}

.announcement-preview{background:#e9e9df;border:1px solid #ced2bf}
.mock-browser{background:#f9f8f1;border:1px solid #cbd3c4}
.browser-dots{border-bottom:1px solid #d2d8cc;color:#85927d}
.browser-dots i{background:#b0bda6}
.announcement-strip{background:#2f6b5b;color:#fff}
.mock-brand{color:#3b5545}
.mock-line{background:#d5dfd0}
.upload-zone{background:#e6edf0;border:1px dashed #9fb8c5;color:#476c80}
.upload-zone>span{color:#6d95a8}
.upload-zone small{color:#7893a0}
#imgStamp,.portrait-meta{color:#748679}
.portrait-card{background:#f1f2e9;border:1px solid #cdd5c6}
.portrait-card>span,.portrait-card small{color:#6d7e68}
.portrait-card .avatar{background:#e1e7da}
.portraits-heading{border-bottom:1px solid #d1d8cb}
.portraits-heading p,.portraits-heading small{color:#6d7e68}
.team-table-head{color:#6d7e68}
.team-row{border-top:1px solid #d1d8cb}

.office-footer{color:#76857a;border-top:1px solid #c9d2c8}
.save-bar{background:#293b35;color:#edf5ed;border:1px solid #536a59;box-shadow:0 -5px 25px #263b4218}
.save-bar-dot{background:#e8d3aa}
.toast{background:#293b35;color:#edf5ed;border:1px solid #536a59;box-shadow:0 8px 24px #263b4225}
.toast.error{background:#6e4036;color:#fff1ec}

.login-layout{background:linear-gradient(110deg,#e5e7df 48%,#273840 48%);gap:70px}
.auth-art{color:#edf1e9}
.auth-overline{color:#a6bab6}
.auth-art h2{color:#edf1e9}
.auth-art h2 span{color:#e5c18a}
.auth-art>img{filter:drop-shadow(0 20px 35px #0d181e45)}
.login-card{background:#f5f5ed;color:#263b42;border:1px solid #c9d3c4;box-shadow:0 20px 50px #172a3320}
.login-card .office-brand>span[dir]{color:#263b42}
.login-card h1{color:#263b42}
.login-identity{border-bottom:1px solid #ced5c7}
.login-identity>span,.login-card>p,.login-card>small{color:#708273}
.password-field{background:#fffef9;border:1px solid #bfcfc3}
.password-field input{background:transparent;border:0;color:#263b42;box-shadow:none}
.password-field button{color:#477a64}
.login-card .error{color:#a2543f}
.boot{background:#e5e7e3;color:#2f6b5b}

dialog{background:#f5f5ed;color:#263b42;border:1px solid #b8c9bb;box-shadow:0 15px 60px #172a3340}
dialog::backdrop{background:#14232dcc;backdrop-filter:blur(4px)}
dialog p{color:#6a7c72}
.confirm-icon{background:#f1e1cc;color:#9b723b;border:1px solid #d4bc97}
.shipping-confirm-list>div{border-bottom:1px solid #ced5c7}
.shipping-confirm-list span{color:#2c6b5f}
.upload-footer small{color:#6a7c72}

@media(max-width:760px){.office-header{height:80px}
.office-navigation button{padding:10px 12px;font-size:11px}
.page-intro h1{font-size:28px}
.stats article{padding:16px}
.stats small{font-size:10px}
.stats article>span{font-size:9px}
.panel-head p{font-size:10px}
.panel-body{padding:20px}
.login-layout{background:#e5e7df}
.auth-art{background:#273840;border-radius:16px;padding:20px}
.auth-art h2{font-size:24px}
.auth-art>img{margin:0 auto;height:220px}
.login-card{box-shadow:0 8px 30px #172a3310}
}