:root {
    --paper: #f6f5f1;
    --canvas: #f2f4f1;
    --white: #ffffff;
    --ink: #18211d;
    --muted: #6f7873;
    --line: #e4e7e2;
    --line-strong: #d5dad4;
    --green: #0c8d68;
    --green-dark: #087557;
    --green-soft: #e8f6f1;
    --orange: #ec6a47;
    --orange-soft: #fff0eb;
    --blue: #2f6fed;
    --blue-soft: #edf3ff;
    --sidebar: #f9faf8;
    --shadow: 0 18px 45px rgba(26, 40, 34, .08);
    --radius: 18px;
    --radius-sm: 11px;
    --font-body: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
    --font-head: Inter, "Segoe UI", system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); font-family: var(--font-body); font-size: 15px; background: var(--paper); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, select { cursor: pointer; }
button { color: inherit; }
img { max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--font-head); letter-spacing: -.035em; }

.brand { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; }
.brand-mark { display: grid; place-items: center; width: 40px; height: 40px; border: 1.5px solid var(--ink); border-radius: 50%; font: 800 11px/1 var(--font-head); letter-spacing: -.04em; position: relative; }
.brand-mark::after { content: ""; width: 5px; height: 5px; border-radius: 50%; position: absolute; right: -2px; top: 5px; background: var(--orange); border: 2px solid var(--paper); }
.brand > span:last-child { display: flex; flex-direction: column; line-height: 1.05; }
.brand strong { font: 800 14px/1.15 var(--font-head); letter-spacing: -.04em; }
.brand small { margin-top: 4px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .13em; }
.brand-light { color: #fff; }
.brand-light .brand-mark { border-color: rgba(255,255,255,.75); }
.brand-light .brand-mark::after { border-color: #17251f; }
.brand-light small { color: rgba(255,255,255,.55); }

.button { border: 0; border-radius: 10px; min-height: 44px; padding: 0 19px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 700; transition: transform .18s ease, background .18s ease, box-shadow .18s ease; white-space: nowrap; }
.button:hover { transform: translateY(-1px); }
.button-primary { color: #fff; background: var(--green); box-shadow: 0 8px 18px rgba(12,141,104,.2); }
.button-primary:hover { background: var(--green-dark); }
.button-dark { color: #fff; background: var(--ink); }
.button-dark:hover { background: #27342e; }
.button-light { background: #fff; color: var(--ink); }
.button-soft { background: #fff; border: 1px solid var(--line-strong); }
.button-soft.expense { color: #a64229; }
.button-plain { background: transparent; border: 1px solid var(--line-strong); }
.button-small { min-height: 38px; padding: 0 14px; font-size: 13px; }
.button-large { min-height: 52px; }
.button-block { width: 100%; }
.text-link { font-weight: 700; border-bottom: 1px solid var(--ink); padding: 5px 0; }
.negative { color: #c34f33 !important; }

/* Public landing */
.landing-body { background: var(--paper); }
.public-header { height: 84px; max-width: 1300px; margin: 0 auto; padding: 0 34px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(24,33,29,.1); }
.public-nav { display: flex; align-items: center; gap: 34px; font-size: 13px; font-weight: 600; }
.public-nav > a:not(.button):hover { color: var(--green); }
.mobile-menu-button { display: none; border: 0; background: transparent; font-size: 22px; }
.hero { min-height: 650px; max-width: 1300px; padding: 58px 34px 72px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 50px; }
.hero-copy { padding-left: 4.5vw; position: relative; z-index: 2; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 24px; color: #5d6761; text-transform: uppercase; font-size: 10px; letter-spacing: .18em; font-weight: 700; }
.eyebrow i { width: 24px; height: 1px; background: var(--orange); }
.hero h1 { margin: 0; font-size: clamp(56px, 6.3vw, 91px); line-height: .96; font-weight: 700; letter-spacing: -.075em; }
.hero h1 em, .closing-cta h2 em { color: var(--orange); font-family: Georgia, serif; font-weight: 400; letter-spacing: -.055em; }
.hero-copy > p { color: #636c67; line-height: 1.75; max-width: 510px; font-size: 16px; margin: 30px 0; }
.hero-actions { display: flex; gap: 24px; align-items: center; }
.hero-notes { border-top: 1px solid var(--line-strong); margin-top: 48px; padding-top: 20px; display: flex; gap: 32px; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .07em; }
.hero-notes span { display: flex; gap: 8px; }
.hero-notes b { color: var(--orange); }
.hero-visual { height: 555px; position: relative; display: grid; place-items: center; overflow: hidden; }
.halo { position: absolute; border-radius: 50%; border: 1px solid rgba(24,33,29,.08); }
.halo-one { width: 430px; height: 430px; background: linear-gradient(145deg, #ebdfcf, #e4e7df); }
.halo-two { width: 340px; height: 340px; border-color: rgba(255,255,255,.6); }
.bottle-art { width: 220px; height: 465px; position: relative; z-index: 2; filter: drop-shadow(0 35px 30px rgba(26,36,31,.18)); }
.bottle-top { width: 105px; height: 35px; position: absolute; left: 58px; top: 1px; background: #202924; border-radius: 5px 5px 3px 3px; display: flex; align-items: flex-end; justify-content: center; gap: 5px; padding-bottom: 7px; }
.bottle-top i { width: 20px; height: 3px; background: #ef6a47; border-radius: 2px; }
.bottle-neck { position: absolute; width: 66px; height: 112px; left: 78px; top: 32px; background: linear-gradient(90deg, #343e38, #171e1a 40%, #3e4942 68%, #202722); border-radius: 9px 9px 15px 15px; }
.bottle-neck::before { content: ""; position: absolute; left: -14px; top: 42px; width: 94px; height: 31px; background: repeating-linear-gradient(0deg,#d85a3c 0 3px,#bb452d 3px 6px); border-radius: 5px; box-shadow: inset 0 0 0 2px rgba(255,255,255,.08); }
.bottle-shoulder { position: absolute; top: 125px; left: 29px; width: 164px; height: 80px; border-radius: 50% 50% 8px 8px; background: linear-gradient(90deg,#6f705a,#9a9578 20%,#706e58 52%,#aaa487 74%,#5d604f); clip-path: polygon(0 100%, 15% 35%, 33% 0, 67% 0, 85% 35%, 100% 100%); }
.bottle-body { position: absolute; left: 29px; top: 175px; width: 164px; height: 240px; border-radius: 13px 13px 38px 38px; background: linear-gradient(95deg, #514f3d, #908c6d 21%, #68644d 50%, #a39d7b 71%, #4c4e3e); box-shadow: inset 15px 0 25px rgba(255,255,255,.12), inset -12px 0 20px rgba(0,0,0,.18); overflow: hidden; color: rgba(255,255,255,.75); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.bottle-body::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(0deg,transparent 0 11px,rgba(255,255,255,.025) 11px 12px); }
.bottle-body span { font: 700 38px/1 Georgia,serif; letter-spacing: -.1em; }
.bottle-body small { margin-top: 9px; letter-spacing: .32em; font-size: 7px; }
.bottle-base { position: absolute; left: 38px; top: 394px; width: 146px; height: 44px; border-radius: 8px 8px 30px 30px; background: #222a25; }
.hose-line { position: absolute; z-index: -1; width: 250px; height: 155px; left: 148px; top: 72px; border: 12px solid #27302b; border-left: 0; border-bottom: 0; border-radius: 0 110px 0 0; transform: rotate(8deg); }
.visual-label { position: absolute; z-index: 3; font-size: 10px; text-transform: uppercase; color: var(--muted); letter-spacing: .12em; line-height: 1.55; }
.visual-label b { color: var(--ink); }
.visual-label::after { content: ""; width: 55px; height: 1px; background: #9fa69f; display: block; position: absolute; top: 20px; }
.label-one { top: 135px; left: 2%; text-align: right; }
.label-one::after { right: -68px; }
.label-two { bottom: 105px; right: 1%; }
.label-two::after { left: -68px; }
.edition-stamp { z-index: 3; display: grid; place-items: center; text-align: center; position: absolute; right: 5%; top: 85px; width: 64px; height: 64px; border: 1px solid #8d958f; border-radius: 50%; font: 700 12px/1.1 var(--font-head); transform: rotate(8deg); }
.edition-stamp small { color: var(--muted); font-weight: 500; font-size: 7px; text-transform: uppercase; }
.manifesto { background: #fff; padding: 110px max(7vw,34px); }
.section-kicker { color: var(--orange); text-transform: uppercase; letter-spacing: .18em; font-size: 10px; font-weight: 700; margin-bottom: 20px; }
.manifesto-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 9vw; align-items: start; max-width: 1170px; margin: auto; }
.manifesto-grid h2 { font-size: clamp(38px,4vw,61px); line-height: 1.08; margin: 0; }
.manifesto-grid h2 span { color: #a4aba7; }
.manifesto-grid > div { padding-top: 6px; line-height: 1.8; font-size: 16px; }
.manifesto-grid .muted { color: var(--muted); }
.process-section { padding: 110px max(7vw,34px); }
.section-heading { display: flex; justify-content: space-between; max-width: 1170px; margin: 0 auto 44px; align-items: end; }
.section-heading h2 { font-size: 39px; margin: 0; }
.section-heading > p { max-width: 370px; color: var(--muted); line-height: 1.65; margin: 0; }
.process-grid { max-width: 1170px; margin: auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.process-card { min-height: 430px; padding: 28px; border: 1px solid var(--line); border-radius: 3px; background: rgba(255,255,255,.45); position: relative; display: flex; flex-direction: column; justify-content: end; }
.process-card.featured { background: #1c2822; color: #fff; }
.step-number { position: absolute; top: 25px; left: 27px; color: var(--orange); font-size: 11px; font-weight: 700; }
.process-card h3 { font-size: 22px; margin: 0 0 12px; }
.process-card p { color: var(--muted); line-height: 1.65; margin: 0; }
.process-card.featured p { color: rgba(255,255,255,.58); }
.measure-visual,.print-visual,.finish-visual { position: absolute; inset: 65px 30px auto; height: 205px; display: grid; place-items: center; }
.measure-visual i { width: 130px; height: 130px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; box-shadow: inset 0 0 0 35px #25332c; }
.measure-visual::before,.measure-visual::after { content:""; position:absolute; width: 170px; height:1px; background: rgba(255,255,255,.23); }
.measure-visual::after { transform: rotate(90deg); }
.measure-visual b { position: absolute; bottom: 17px; right: 23px; color: var(--orange); font: 500 10px monospace; }
.print-visual i { position: absolute; width: 115px; height: 35px; border: 1px solid #b2b9b4; transform: skewY(-10deg); }
.print-visual i:nth-child(1) { top: 35px; }
.print-visual i:nth-child(2) { top: 70px; }
.print-visual i:nth-child(3) { top: 105px; }
.print-visual span { width: 10px; height: 75px; background: var(--orange); position: absolute; top: 12px; box-shadow: 0 72px 0 #27312c; }
.finish-visual span { width: 126px; height: 126px; border: 1px solid #bcc2bd; border-radius: 50%; display: grid; place-items:center; color: var(--green); font-size: 37px; box-shadow: inset 0 0 0 20px #fff; }
.design-section { background: #dedfd9; padding: 100px max(7vw,34px); display: grid; grid-template-columns: .8fr 1.2fr; gap: 7vw; align-items: center; }
.design-copy { max-width: 450px; justify-self: end; }
.design-copy h2 { font-size: 45px; line-height: 1.08; }
.design-copy > p:not(.section-kicker) { color: #626b66; line-height: 1.75; }
.material-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.material-tags span { padding: 7px 11px; border: 1px solid #bdc2bc; border-radius: 20px; font-size: 10px; letter-spacing: .09em; }
.design-showcase { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.mini-product { height: 330px; background: rgba(255,255,255,.38); padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: end; }
.mini-product i { width: 75px; height: 210px; border-radius: 15px 15px 28px 28px; margin-bottom: 22px; position: relative; box-shadow: inset 10px 0 16px rgba(255,255,255,.16), 0 22px 24px rgba(30,36,32,.12); }
.mini-product i::before { content:""; position:absolute; width: 35px; height: 65px; left:20px; top:-42px; background:#202a24; border-radius:4px; }
.mini-product.amber i { background:#756447; }.mini-product.graphite i{background:#343b37}.mini-product.clear i{background:rgba(220,225,218,.85);border:1px solid #aeb5ae}
.mini-product b { font-family: var(--font-head); }
.mini-product small { color: var(--muted); font-size: 9px; margin-top: 5px; }
.closing-cta { text-align: center; padding: 110px 25px; background: #17231e; color:#fff; position:relative; overflow:hidden; }
.closing-cta::before,.closing-cta::after { content:""; position:absolute; width:420px;height:420px;border:1px solid rgba(255,255,255,.06);border-radius:50%;top:-150px;left:-100px; }
.closing-cta::after { left:auto;top:auto;right:-120px;bottom:-210px; }
.closing-cta > span { color: var(--orange); letter-spacing:.2em; font-size:9px; }
.closing-cta h2 { font-size: clamp(44px,5vw,70px); line-height:1.05; margin:25px 0 20px; }
.closing-cta p { color:rgba(255,255,255,.55); margin-bottom:28px; }
.public-footer { max-width:1300px;margin:auto;padding:32px 34px;display:flex;align-items:center;justify-content:space-between; }
.public-footer p,.public-footer > small { color:var(--muted);font-size:11px; }

/* Forms and auth */
.field { display:flex; flex-direction:column; gap:8px; color:#4c5751; font-size:12px; font-weight:600; }
.field > span:first-child { display:flex; justify-content:space-between; }
.field > span b { color:var(--orange); }
.field input,.field select,.field textarea,.compact-field input,.compact-field select,.search-field input { width:100%; border:1px solid var(--line-strong); background:#fff; border-radius:9px; min-height:46px; padding:10px 13px; outline:none; color:var(--ink); transition:border .18s,box-shadow .18s; }
.field textarea { resize:vertical; line-height:1.5; }
.field input:focus,.field select:focus,.field textarea:focus,.compact-field input:focus,.compact-field select:focus,.search-field input:focus { border-color:var(--green); box-shadow:0 0 0 3px rgba(12,141,104,.09); }
.field small { color:var(--muted); font-size:10px; font-weight:400; }
.field-error { color:#b4452c !important; }
.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.stack-form { display:flex; flex-direction:column; gap:17px; }
.password-field { position:relative; }
.password-field input { padding-right:70px; }
.password-field button { position:absolute;right:7px;top:7px;bottom:7px;border:0;background:transparent;color:var(--green);font-size:11px;font-weight:700; }
.alert { padding:13px 16px;border-radius:10px;margin-bottom:20px;line-height:1.45;font-size:13px; }
.alert-danger { background:#fff0eb;color:#9f4029;border:1px solid #f8d3c8; }
.alert-success { background:#eaf8f2;color:#087557;border:1px solid #c6ecdf; }
.auth-body { background:#edf0ec; }
.auth-shell { min-height:100vh; display:grid; grid-template-columns:minmax(380px,44%) 1fr; }
.auth-aside { background:#17251f; min-height:100vh; color:#fff; padding:42px max(4vw,38px); position:relative; overflow:hidden; display:flex;flex-direction:column;justify-content:space-between; }
.auth-aside::after { content:"";position:absolute;width:510px;height:510px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-235px;bottom:-145px; }
.auth-aside-copy { max-width:520px; position:relative;z-index:2; margin-bottom:11vh; }
.eyebrow-light { color:rgba(255,255,255,.55); }
.auth-aside-copy h1 { font-size:clamp(46px,5.3vw,75px);line-height:1.02;margin:0; }
.auth-aside-copy h1 em { color:var(--orange);font-family:Georgia,serif;font-weight:400; }
.auth-aside-copy > p { color:rgba(255,255,255,.56);line-height:1.7;font-size:16px;max-width:420px;margin-top:25px; }
.auth-decoration { position:absolute;right:5%;bottom:4%;width:210px;height:210px;border:1px solid rgba(255,255,255,.08);border-radius:50%;display:grid;place-items:center;color:rgba(255,255,255,.08);font:800 62px var(--font-head); }
.auth-decoration i { position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:150px;height:150px; }.auth-decoration i:nth-child(2){width:90px;height:90px}
.auth-panel { display:grid;place-items:center;padding:40px;background:#f8f9f6; }
.auth-form-wrap { width:min(420px,100%); }
.back-link,.page-back { display:inline-flex;margin-bottom:45px;color:var(--muted);font-size:12px;font-weight:600; }
.auth-title { margin-bottom:28px; }
.icon-box { width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--green-soft);color:var(--green);font-size:18px;margin-bottom:20px; }
.auth-title h2 { font-size:31px;margin:0 0 9px; }.auth-title p{color:var(--muted);line-height:1.5}
.session-note { display:flex;gap:11px;background:#eff6f2;border:1px solid #dbeae2;border-radius:9px;padding:11px 13px;align-items:center; }
.session-note > span { width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--green); }
.session-note p { margin:0;display:flex;flex-direction:column;font-size:11px; }.session-note small{color:var(--muted);margin-top:3px}
.auth-security { color:#8b938f;font-size:10px;text-align:center;margin-top:19px; }

/* Installer */
.install-body { background:#eef1ed;min-height:100vh; }
.install-shell { width:min(900px,calc(100% - 36px));margin:auto;padding:30px 0 70px; }
.install-heading { display:flex;justify-content:space-between;align-items:center;margin-bottom:25px; }
.secure-badge { font-size:10px;color:var(--green);background:var(--green-soft);padding:7px 10px;border-radius:20px;font-weight:700;letter-spacing:.05em;text-transform:uppercase; }
.install-card { background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(25px,5vw,55px);box-shadow:var(--shadow); }
.install-intro { max-width:690px;margin-bottom:30px; }
.step-pill { color:var(--orange);text-transform:uppercase;font-size:9px;letter-spacing:.16em;font-weight:700; }
.install-intro h1 { font-size:39px;margin:12px 0; }.install-intro p{color:var(--muted);line-height:1.65}
.requirement-box { border:1px solid var(--line);border-radius:11px;margin-bottom:32px; }
.requirement-box summary { padding:14px 16px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between; }
.requirement-box summary span { font-size:10px;color:var(--green);text-transform:uppercase;letter-spacing:.08em; }
.requirement-grid { padding:5px 16px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.requirement-grid p { margin:0;font-size:11px;display:flex;align-items:center;gap:7px; }.requirement-grid i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal}
.requirement-grid .ok i{background:var(--green-soft);color:var(--green)}.requirement-grid .fail{color:#a64229}.requirement-grid .fail i{background:var(--orange-soft)}
.install-form fieldset { border:0;padding:0;margin:0 0 34px;display:flex;flex-direction:column;gap:16px; }
.install-form legend { width:100%;font:700 17px var(--font-head);margin-bottom:17px;padding-bottom:11px;border-bottom:1px solid var(--line); }
.install-form legend span { display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1e2a24;color:#fff;font-size:10px;margin-right:8px; }
.database-choice { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.database-choice label { position:relative; }.database-choice input{position:absolute;opacity:0}.database-choice label>span{display:flex;flex-direction:column;padding:14px 15px;border:1px solid var(--line-strong);border-radius:10px;cursor:pointer}.database-choice small{color:var(--muted);font-size:10px;margin-top:3px}.database-choice input:checked+span{border-color:var(--green);background:var(--green-soft);box-shadow:0 0 0 2px rgba(12,141,104,.08)}
.database-fields { display:flex;flex-direction:column;gap:16px; }.database-fields.hidden{display:none}
.install-footnote { text-align:center;color:var(--muted);font-size:10px;margin:10px 0 0; }
.install-retry-note { display:flex;align-items:flex-start;gap:11px;margin:-8px 0 24px;padding:13px 15px;border:1px solid #dce6e0;border-radius:10px;background:#f5f9f7; }
.install-retry-note>span { width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#fff;color:var(--green);font-size:15px; }
.install-retry-note p { margin:0;display:flex;flex-direction:column;font-size:11px;line-height:1.45; }
.install-retry-note small { color:var(--muted);font-size:9px;margin-top:3px; }

/* Admin shell */
.admin-body { background:var(--canvas); }
.sidebar { position:fixed;z-index:30;left:0;top:0;bottom:0;width:255px;background:var(--sidebar);border-right:1px solid var(--line);padding:27px 20px 19px;display:flex;flex-direction:column; }
.sidebar-head { padding:0 7px 25px; }.sidebar-close{display:none}
.sidebar-nav { display:flex;flex-direction:column;gap:3px; }
.sidebar-nav p { color:#9ba29e;text-transform:uppercase;font-size:8px;letter-spacing:.16em;font-weight:700;margin:20px 13px 7px; }
.sidebar-nav a { display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;color:#5b655f;font-size:12px;font-weight:600; }
.sidebar-nav a:hover { background:#eef1ed;color:var(--ink); }.sidebar-nav a.active{background:#e7f1ec;color:#087557;font-weight:700}
.nav-icon { width:25px;height:25px;display:grid;place-items:center;border:1px solid #dfe3df;border-radius:7px;font-size:14px;background:rgba(255,255,255,.55); }
.sidebar-nav a.active .nav-icon { background:#fff;border-color:#cae3d8; }
.sidebar-foot { margin-top:auto; }
.site-link { display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;margin-bottom:10px; }.site-link>span{width:29px;height:29px;border-radius:7px;background:#f0f2ef;display:grid;place-items:center}.site-link p{margin:0;display:flex;flex-direction:column;font-size:10px}.site-link small{color:var(--muted);font-size:8px;margin-top:2px}
.user-card { display:flex;align-items:center;gap:9px;padding:11px 7px;border-top:1px solid var(--line); }.avatar{width:32px;height:32px;border-radius:9px;background:#203029;color:#fff;display:grid;place-items:center;font:700 11px var(--font-head);flex:0 0 auto}.user-card p{margin:0;display:flex;flex-direction:column;min-width:0;flex:1;font-size:10px}.user-card small{color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.user-card button{border:0;background:transparent;color:#89918d;font-size:17px}
.sidebar-overlay { display:none; }
.admin-shell { margin-left:255px;min-height:100vh; }.admin-main{max-width:1450px;margin:0 auto;padding:38px 42px 65px;}.admin-mobile-head{display:none}
.page-head { display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:27px; }.page-head.compact{margin-bottom:20px}.page-head h1{font-size:29px;margin:3px 0 7px}.page-head p:not(.page-eyebrow){color:var(--muted);font-size:12px;margin:0}.page-eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.16em;font-size:8px!important;font-weight:700;margin:0}.head-actions{display:flex;gap:9px;align-items:center}
.panel { background:#fff;border:1px solid var(--line);border-radius:var(--radius); }
.panel-head { display:flex;justify-content:space-between;align-items:center;padding:22px 23px 16px; }.panel-head h2{font-size:15px;margin:0 0 5px}.panel-head p{color:var(--muted);font-size:10px;margin:0}.panel-head>a{color:var(--green);font-size:10px;font-weight:700}
.stat-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px; }
.stat-card { min-height:170px;padding:20px 20px 17px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column; }
.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon,.type-icon{display:grid;place-items:center;border-radius:9px;width:34px;height:34px;font-weight:700}.income-card .stat-icon,.type-icon.income{background:var(--green-soft);color:var(--green)}.expense-card .stat-icon,.type-icon.expense{background:var(--orange-soft);color:var(--orange)}.balance-card .stat-icon,.type-icon.net{background:var(--blue-soft);color:var(--blue)}.total-card .stat-icon{background:#f1eef9;color:#7655a7}
.status-dot{color:#8b948f;font-size:8px;text-transform:uppercase;letter-spacing:.08em;background:#f4f6f3;padding:5px 7px;border-radius:15px}.stat-card>p{color:var(--muted);font-size:10px;margin:16px 0 5px}.stat-card h2{font-size:25px;margin:0}.stat-card h2 small{font-size:12px;color:var(--muted)}.stat-bottom{display:flex;align-items:center;gap:7px;margin-top:auto}.stat-bottom>small{color:#9ba39f;font-size:8px}.change{font-size:9px;font-weight:700;padding:3px 6px;border-radius:12px}.change.up{background:var(--green-soft);color:var(--green)}.change.down{background:var(--orange-soft);color:#ba4c31}.change.neutral{background:#f1f3f1;color:#8b948f}.balance-caption{color:#9ba39f;font-size:9px}
.dashboard-grid { display:grid;grid-template-columns:1.55fr .8fr;gap:14px;margin-bottom:14px; }
.chart-panel,.breakdown-panel { min-height:335px; }.chart-legend{display:flex;gap:14px;font-size:9px;color:var(--muted)}.chart-legend span{display:flex;gap:5px;align-items:center}.chart-legend i{width:7px;height:7px;border-radius:2px}.chart-legend .income{background:var(--green)}.chart-legend .expense{background:var(--orange)}
.bar-chart { height:235px;padding:18px 22px 27px;display:flex;gap:5%;align-items:end;position:relative; }.chart-guides{position:absolute;inset:15px 25px 33px;display:flex;flex-direction:column;justify-content:space-between}.chart-guides i{height:1px;background:#eff1ee}.bar-group{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;z-index:2}.bars{height:calc(100% - 22px);width:100%;display:flex;gap:5px;align-items:end;justify-content:center}.bar{width:min(18px,38%);min-height:3px;border-radius:4px 4px 1px 1px;transition:height .5s ease}.bar.income{background:var(--green)}.bar.expense{background:#ef9b82}.bar-group>b{font-size:8px;color:#8b948f;margin-top:9px;text-transform:uppercase}
.breakdown-total{margin:0 22px 14px;padding:12px 14px;background:#f5f7f4;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.breakdown-total small{color:var(--muted);font-size:9px}.breakdown-total b{font:700 15px var(--font-head)}.breakdown-list{padding:0 23px}.breakdown-list>div{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #f0f2ef}.breakdown-list p{margin:0;display:flex;align-items:center;gap:7px;font-size:9px}.breakdown-list p>span{width:7px;height:7px;border-radius:50%}.breakdown-list p small{color:var(--muted)}.breakdown-list strong{font-size:10px}
.recent-panel { min-height:220px; }.text-action{font-size:10px!important}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:700px}.data-table th{color:#9aa29d;text-transform:uppercase;letter-spacing:.08em;font-size:7px;text-align:left;font-weight:700;padding:10px 19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbf9}.data-table td{padding:12px 19px;border-bottom:1px solid #eff1ee;font-size:10px;color:#5f6963}.data-table tbody tr:hover{background:#fbfcfa}.data-table tbody tr:last-child td{border-bottom:0}.align-right{text-align:right!important}.transaction-title{display:flex;align-items:center;gap:10px;min-width:180px}.transaction-title .type-icon{width:30px;height:30px;border-radius:8px;flex:0 0 auto}.transaction-title>span:last-child{display:flex;flex-direction:column}.transaction-title b{color:var(--ink);font-size:10px}.transaction-title small{font-size:8px;color:#9aa29d;margin-top:3px}.category-pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.category-pill i{width:6px;height:6px;border-radius:50%}.amount{font-weight:700!important;white-space:nowrap}.amount.income{color:var(--green)!important}.amount.expense{color:#cc5638!important}.type-badge{font-size:8px;padding:4px 7px;border-radius:13px;font-weight:700}.type-badge.income{background:var(--green-soft);color:var(--green)}.type-badge.expense{background:var(--orange-soft);color:#c44e32}
.empty-state{text-align:center;padding:45px 20px}.empty-icon{width:46px;height:46px;border-radius:13px;background:#f1f4f1;color:var(--green);display:grid;place-items:center;margin:0 auto 13px;font-size:20px}.empty-state h3{font-size:15px;margin:0 0 7px}.empty-state p{color:var(--muted);font-size:10px;margin:0 auto 15px}.empty-compact{text-align:center;padding:32px 15px;color:var(--muted)}.empty-compact>span{display:block;font-size:20px;color:#aeb5b1;margin-bottom:8px}.empty-compact p{font-size:10px;margin:0}
.toast { position:fixed;z-index:50;right:28px;top:22px;background:#17251f;color:#fff;border-radius:11px;padding:12px 13px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;max-width:390px;animation:slideIn .25s ease}.toast>span{width:25px;height:25px;border-radius:50%;background:var(--green);display:grid;place-items:center}.toast p{margin:0;font-size:11px;flex:1}.toast button{background:transparent;border:0;color:rgba(255,255,255,.6);font-size:18px}@keyframes slideIn{from{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}

/* Transactions */
.mini-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.mini-stat-row>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 16px;display:flex;align-items:center;gap:11px}.mini-stat-row p{margin:0;display:flex;flex-direction:column}.mini-stat-row small{color:var(--muted);font-size:8px}.mini-stat-row b{font:700 15px var(--font-head);margin-top:3px}
.filter-panel{margin-bottom:14px;padding:14px}.filter-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.search-field{height:42px;min-width:220px;flex:1;position:relative}.search-field span{position:absolute;left:12px;top:10px;color:#959e99;font-size:16px}.search-field input{height:42px;min-height:42px;padding-left:35px}.compact-field{display:flex;flex-direction:column;gap:4px;font-size:8px;color:#8b948f}.compact-field input,.compact-field select{min-height:42px;height:42px;padding:5px 9px;font-size:10px;max-width:145px}.clear-filter{font-size:9px;color:#b64b31;padding:0 5px 12px}.advanced-filter{width:100%;border-top:1px solid var(--line);padding-top:9px;margin-top:4px;font-size:9px;color:var(--muted)}.advanced-filter summary{cursor:pointer}.advanced-filter>div{display:flex;gap:8px;align-items:center;margin-top:8px}.advanced-filter input{border:1px solid var(--line);border-radius:7px;padding:7px;width:120px}
.transaction-list-panel{overflow:hidden}.row-actions{display:flex!important;gap:5px;align-items:center}.row-actions a,.row-actions button{width:26px;height:26px;border:0;background:#f2f4f2;border-radius:6px;display:grid;place-items:center;color:#707a74}.row-actions button:hover{background:var(--orange-soft);color:#b3452b}.pagination-wrap{padding:15px 20px;border-top:1px solid var(--line)}.pagination{list-style:none;display:flex;gap:4px;padding:0;margin:0;justify-content:flex-end}.page-link{display:grid;place-items:center;min-width:30px;height:30px;border:1px solid var(--line);border-radius:7px;font-size:9px;background:#fff}.page-item.active .page-link{background:var(--ink);color:#fff;border-color:var(--ink)}.page-item.disabled .page-link{opacity:.4}
.transaction-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:15px;align-items:start}.form-panel{padding:25px}.form-section-head{display:flex;gap:12px;align-items:center;margin-bottom:20px}.form-section-head>span{width:29px;height:29px;border-radius:8px;background:#edf3ef;color:var(--green);font-size:9px;font-weight:700;display:grid;place-items:center}.form-section-head h2{font-size:14px;margin:0 0 3px}.form-section-head p{color:var(--muted);font-size:9px;margin:0}.form-divider{height:1px;background:var(--line);margin:27px 0}.type-choice{display:grid;grid-template-columns:1fr 1fr;gap:11px}.type-choice label{position:relative;border:1px solid var(--line-strong);border-radius:12px;padding:13px;display:flex;align-items:center;gap:11px;cursor:pointer}.type-choice input{position:absolute;opacity:0}.type-choice p{margin:0;display:flex;flex-direction:column}.type-choice b{font-size:12px}.type-choice small{color:var(--muted);font-size:8px;margin-top:2px}.type-choice label>i{margin-left:auto;display:none;width:20px;height:20px;border-radius:50%;color:#fff;font-style:normal;place-items:center}.type-choice label:has(input:checked){border-color:var(--green);background:#f3faf7}.type-choice label.expense:has(input:checked){border-color:var(--orange);background:#fff8f5}.type-choice input:checked~i{display:grid}.type-choice .income>i{background:var(--green)}.type-choice .expense>i{background:var(--orange)}.form-panel>.field,.form-panel>.field-grid{margin-bottom:16px}.input-with-suffix{position:relative}.input-with-suffix input{padding-right:42px;font-weight:700;font-size:17px}.input-with-suffix i{position:absolute;right:14px;top:13px;color:var(--muted);font-style:normal}.sticky-summary{position:sticky;top:25px;padding:20px}.summary-kicker{text-transform:uppercase;letter-spacing:.12em;color:#969e99;font-size:8px;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:12px}.summary-type{display:flex;align-items:center;gap:10px;margin:16px 0}.summary-type p{margin:0;display:flex;flex-direction:column}.summary-type small,.summary-amount small{color:var(--muted);font-size:8px}.summary-type b{font-size:11px}.summary-amount{padding:15px;background:#f5f7f4;border-radius:10px;display:flex;flex-direction:column;margin-bottom:13px}.summary-amount b{font:700 24px var(--font-head);margin-top:4px}.summary-amount i{font-size:11px;color:var(--muted);font-style:normal}.summary-note{font-size:9px;color:var(--muted);line-height:1.55;padding:0 3px 11px}.sticky-summary .button{margin-top:8px}.cancel-link{display:block;text-align:center;font-size:9px;color:var(--muted);margin-top:13px}

/* Categories */
.category-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.category-panel{overflow:hidden}.category-head-title{display:flex;align-items:center;gap:10px}.count-badge{font-size:8px;color:var(--muted);background:#f2f4f2;padding:5px 8px;border-radius:12px}.category-list{border-top:1px solid var(--line)}.category-row{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #eff1ee}.category-row:last-child{border-bottom:0}.category-edit-form{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.color-input{width:29px;height:29px;position:relative;cursor:pointer;flex:0 0 auto}.color-input input{position:absolute;opacity:0;width:100%;height:100%}.color-input i{display:block;width:29px;height:29px;border-radius:8px;border:6px solid #f4f6f3}.category-name{display:flex;flex-direction:column;flex:1;min-width:0}.category-name input{border:1px solid transparent;background:transparent;border-radius:6px;padding:3px 5px;margin-left:-5px;font-size:10px;font-weight:700;min-width:0;width:100%}.category-name input:not([readonly]){border-color:var(--line-strong);background:#fff}.category-name small{color:var(--muted);font-size:8px;margin:2px 0 0}.category-buttons{display:flex}.category-buttons button,.category-delete{width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:#8b948f}.category-buttons .save{display:none;color:var(--green);background:var(--green-soft)}.category-row.editing [data-category-edit]{display:none}.category-row.editing .category-buttons .save{display:block}.category-delete:hover{background:var(--orange-soft);color:#b3452b}.modal{display:none;position:fixed;inset:0;z-index:100;place-items:center;padding:20px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(18,27,23,.55);backdrop-filter:blur(3px)}.modal-card{position:relative;width:min(430px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.2)}.modal-close{position:absolute;right:14px;top:12px;border:0;background:#f1f3f1;border-radius:50%;width:29px;height:29px}.modal-card h2{font-size:22px;margin:0 0 7px}.modal-card>p{color:var(--muted);font-size:11px;line-height:1.5;margin-bottom:22px}.color-select{display:flex;align-items:center;gap:10px}.color-select input{width:48px;padding:4px}.color-select small{font-size:9px}

/* Reports + settings */
.year-picker{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:8px}.year-picker select{height:42px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;padding:0 28px 0 11px;font-weight:700}.report-hero{background:#17251f;color:#fff;border-radius:18px;padding:24px;display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:20px;align-items:center;margin-bottom:14px}.report-hero>div:first-child p{color:rgba(255,255,255,.5);font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.report-hero h2{font-size:27px;margin:0 0 7px}.report-hero h2 small{font-size:11px;color:rgba(255,255,255,.6)}.report-hero>div:first-child>span{font-size:8px;padding:4px 7px;border-radius:12px}.report-hero .positive{background:rgba(12,141,104,.25);color:#77d8ba}.report-hero .negative{background:rgba(236,106,71,.2);color:#ff9d82!important}.report-hero-stat{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid rgba(255,255,255,.1)}.report-hero-stat p{margin:0;display:flex;flex-direction:column}.report-hero-stat small{color:rgba(255,255,255,.48);font-size:8px}.report-hero-stat b{font:700 14px var(--font-head);margin-top:3px}.report-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:14px}.monthly-report-panel{overflow:hidden}.report-table tfoot td{background:#f2f5f2;color:var(--ink);font-weight:700;border-top:1px solid var(--line);padding:13px 19px}.report-table .empty-row{opacity:.48}.row-link{width:25px;height:25px;display:grid;place-items:center;border-radius:6px;background:#f2f4f2;color:var(--green)}.category-summary-panel{align-self:start}.summary-tabs{padding:0 20px 20px}.tab-buttons{display:grid;grid-template-columns:1fr 1fr;background:#f1f3f1;border-radius:8px;padding:3px;margin-bottom:12px}.tab-buttons button{border:0;background:transparent;border-radius:6px;height:31px;font-size:9px;font-weight:700}.tab-buttons button.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}.tab-content{display:none}.tab-content.active{display:block}.category-summary-row{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;border-bottom:1px solid #eff1ee}.category-summary-row p{display:flex;align-items:center;gap:8px;margin:0}.category-summary-row p>i{width:8px;height:8px;border-radius:50%}.category-summary-row p span{display:flex;flex-direction:column}.category-summary-row b{font-size:9px}.category-summary-row small{color:var(--muted);font-size:7px}.category-summary-row strong{font-size:9px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-card{padding:25px}.settings-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.settings-head .icon-box{margin:0}.avatar.large{width:46px;height:46px;border-radius:13px;font-size:15px}.settings-head h2{font-size:15px;margin:0 0 4px}.settings-head p{font-size:9px;color:var(--muted);margin:0}.form-actions{display:flex;justify-content:flex-end;padding-top:5px}.security-info{grid-column:1/-1;display:flex;align-items:center;gap:15px;padding:20px 24px;background:#edf7f2}.security-info>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--green)}.security-info h3{font-size:12px;margin:0 0 5px}.security-info p{color:var(--muted);font-size:9px;margin:0;line-height:1.5}

@media (max-width: 1100px) {
    .public-nav{gap:20px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-left:0}.design-section{grid-template-columns:1fr}.design-copy{justify-self:start;max-width:650px}
    .stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.report-hero{grid-template-columns:1.3fr 1fr 1fr}.report-hero-stat:last-child{display:none}.category-columns{grid-template-columns:1fr}
}

@media (max-width: 820px) {
    .public-header{height:70px;padding:0 20px;position:relative}.mobile-menu-button{display:block}.public-nav{display:none;position:absolute;left:15px;right:15px;top:66px;background:#fff;box-shadow:var(--shadow);padding:18px;border-radius:12px;z-index:20;flex-direction:column;align-items:stretch}.public-nav.open{display:flex}.hero{grid-template-columns:1fr;padding:65px 24px}.hero-copy{max-width:650px}.hero-visual{height:500px}.manifesto,.process-section{padding:80px 24px}.manifesto-grid{grid-template-columns:1fr;gap:35px}.section-heading{display:block}.section-heading>p{margin-top:18px}.process-grid{grid-template-columns:1fr}.process-card{min-height:380px}.design-section{padding:80px 24px}.design-showcase{overflow:auto}.mini-product{min-width:200px}.public-footer{padding:28px 20px;gap:20px}.public-footer>p{display:none}
    .auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.auth-panel{min-height:100vh;padding:25px}.back-link{margin-bottom:35px}
    .sidebar{transform:translateX(-100%);transition:transform .22s ease;box-shadow:20px 0 50px rgba(0,0,0,.15)}.sidebar.open{transform:none}.sidebar-close{display:block;position:absolute;right:12px;top:12px;border:0;background:transparent;font-size:22px}.sidebar-overlay{position:fixed;z-index:29;inset:0;background:rgba(20,29,25,.4)}.sidebar-overlay.open{display:block}.admin-shell{margin-left:0}.admin-mobile-head{height:62px;padding:0 18px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.admin-mobile-head>button{border:0;background:transparent;font-size:18px}.admin-mobile-head .brand-mark{width:31px;height:31px}.admin-mobile-head .brand>strong{font-size:11px}.admin-main{padding:27px 20px 50px}.transaction-form-grid{grid-template-columns:1fr}.sticky-summary{position:static}.form-aside{order:-1}.sticky-summary .summary-note,.sticky-summary .summary-kicker{display:none}.sticky-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sticky-summary .summary-type,.sticky-summary .summary-amount{margin:0}.sticky-summary .button,.sticky-summary .cancel-link{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}.report-hero{grid-template-columns:1fr 1fr}.report-hero>div:first-child{grid-column:1/-1}.report-hero-stat{padding-left:0;border-left:0}.mini-stat-row{grid-template-columns:1fr 1fr}.mini-stat-row>div:last-child{grid-column:1/-1}
}

@media (max-width: 560px) {
    .hero{padding-top:45px}.hero h1{font-size:53px}.hero-copy>p{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .text-link{align-self:flex-start}.hero-notes{gap:13px;flex-wrap:wrap}.hero-visual{height:450px}.halo-one{width:350px;height:350px}.bottle-art{transform:scale(.85)}.visual-label{display:none}.edition-stamp{right:0}.manifesto-grid h2,.section-heading h2,.design-copy h2{font-size:35px}.design-showcase{grid-template-columns:repeat(3,190px)}.closing-cta{padding:80px 20px}.public-footer{align-items:flex-start;flex-direction:column}
    .install-shell{width:calc(100% - 20px);padding-top:12px}.install-heading{padding:8px}.secure-badge{display:none}.install-card{padding:23px 18px}.install-intro h1{font-size:29px}.requirement-grid,.database-choice,.field-grid{grid-template-columns:1fr}.page-head{display:block}.head-actions{margin-top:16px;flex-wrap:wrap}.head-actions .button{flex:1}.stat-grid{grid-template-columns:1fr}.stat-card{min-height:145px}.chart-panel{min-height:300px}.bar-chart{padding-left:10px;padding-right:10px}.mini-stat-row{grid-template-columns:1fr}.mini-stat-row>div:last-child{grid-column:auto}.type-choice{grid-template-columns:1fr}.form-panel{padding:20px 16px}.transaction-form-grid{gap:10px}.sticky-summary{display:block}.sticky-summary .summary-type{margin:0 0 10px}.sticky-summary .summary-amount{margin-bottom:10px}.category-row{padding-left:10px;padding-right:10px}.category-name small{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-hero{grid-template-columns:1fr}.report-hero>div:first-child{grid-column:auto}.report-hero-stat{border-top:1px solid rgba(255,255,255,.1);padding-top:13px}.settings-card{padding:20px 16px}.toast{right:12px;left:12px;top:12px}.filter-form>.compact-field{flex:1}.compact-field input,.compact-field select{max-width:none}.search-field{min-width:100%}
}

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

/* Old-school storefront */
.barber-site { --barber-cream:#f2e7ce;--barber-paper:#eadab8;--barber-red:#7d201f;--barber-navy:#17324a;--barber-ink:#241f19;background:var(--barber-cream);color:var(--barber-ink);font-family:Georgia,"Times New Roman",serif; }
.barber-stripe { height:12px;background:repeating-linear-gradient(135deg,var(--barber-red) 0 28px,#f7efd9 28px 56px,var(--barber-navy) 56px 84px,#f7efd9 84px 112px);border-bottom:2px solid var(--barber-ink); }
.barber-stripe.bottom { border-top:2px solid var(--barber-ink);border-bottom:0; }
.barber-header { max-width:1120px;height:92px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(36,31,25,.28); }
.barber-logo { display:flex;align-items:center;gap:12px; }
.barber-logo>span { width:49px;height:49px;border:2px solid var(--barber-ink);border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:bold;box-shadow:inset 0 0 0 4px var(--barber-cream),inset 0 0 0 5px var(--barber-ink); }
.barber-logo p { margin:0;display:flex;flex-direction:column; }
.barber-logo b { font-size:20px;line-height:1;text-transform:uppercase;letter-spacing:.03em; }
.barber-logo small { margin-top:5px;font:10px/1 var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:#746957; }
.barber-header nav { display:flex;align-items:center;gap:28px;font:600 11px/1 var(--font-body);text-transform:uppercase;letter-spacing:.08em; }
.barber-header nav a:not(.barber-admin-link) { border-bottom:1px solid transparent;padding:8px 0; }
.barber-header nav a:not(.barber-admin-link):hover { border-color:var(--barber-red); }
.barber-admin-link { padding:10px 14px;border:1px solid var(--barber-ink);box-shadow:3px 3px 0 var(--barber-ink);background:#f8efd9; }
.barber-hero { min-height:590px;padding:65px 24px 78px;display:grid;place-items:center;background-image:linear-gradient(rgba(125,32,31,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(125,32,31,.045) 1px,transparent 1px);background-size:28px 28px; }
.barber-sign { width:min(690px,100%);text-align:center;padding:44px 40px 47px;border:3px double var(--barber-ink);outline:1px solid var(--barber-ink);outline-offset:7px;background:var(--barber-cream);position:relative;box-shadow:13px 13px 0 rgba(36,31,25,.12); }
.barber-sign::before,.barber-sign::after { content:"✦";position:absolute;top:15px;color:var(--barber-red);font-size:15px; }.barber-sign::before{left:18px}.barber-sign::after{right:18px}
.sign-top { font:700 9px/1 var(--font-body);letter-spacing:.26em;color:var(--barber-red);margin-bottom:16px; }
.sign-name { display:flex;align-items:center;justify-content:center;gap:12px;line-height:.82; }.sign-name small{font-size:19px;letter-spacing:.15em}.sign-name strong{font-size:61px;letter-spacing:-.08em;color:var(--barber-red);text-shadow:2px 2px 0 #d7bc88}
.sign-rule { display:flex;align-items:center;justify-content:center;gap:12px;margin:22px auto;width:70%;color:var(--barber-navy); }.sign-rule i{height:2px;background:var(--barber-navy);flex:1}.sign-rule span{font-size:13px}
.barber-sign h1 { font-family:Georgia,"Times New Roman",serif;font-size:clamp(39px,5vw,62px);line-height:1.02;letter-spacing:-.045em;margin:0 0 21px;font-weight:normal; }
.barber-sign p { max-width:500px;margin:0 auto 26px;font-size:15px;line-height:1.65;color:#5f5547; }
.barber-sign>a { display:inline-block;background:var(--barber-navy);color:#fff;padding:12px 17px;font:700 10px/1 var(--font-body);text-transform:uppercase;letter-spacing:.1em;box-shadow:4px 4px 0 var(--barber-red); }
.barber-about { max-width:1120px;margin:auto;padding:90px 24px;display:grid;grid-template-columns:90px 1fr 1fr;gap:40px;align-items:start;border-top:1px solid rgba(36,31,25,.25); }
.vintage-number { width:66px;height:66px;border:1px solid var(--barber-red);border-radius:50%;display:grid;place-items:center;color:var(--barber-red);font-size:22px;font-style:italic; }
.barber-kicker,.barber-section-title span { display:block;color:var(--barber-red);font:700 9px/1 var(--font-body);text-transform:uppercase;letter-spacing:.2em;margin-bottom:12px; }
.barber-about h2,.barber-section-title h2 { font-family:Georgia,"Times New Roman",serif;font-weight:normal;font-size:42px;line-height:1.05;letter-spacing:-.04em;margin:0; }
.barber-about>p { color:#625848;line-height:1.8;margin:4px 0 0;font-size:14px; }
.barber-process { background:var(--barber-navy);color:#f8efd9;padding:82px max(24px,calc((100vw - 1072px)/2));border-top:8px double var(--barber-cream);border-bottom:8px double var(--barber-cream); }
.barber-section-title { text-align:center;margin-bottom:40px; }.barber-section-title span{color:#d6aa6c}.barber-section-title h2{font-size:44px}
.barber-steps { display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(248,239,217,.35); }
.barber-steps article { min-height:220px;padding:30px;text-align:center;border-right:1px solid rgba(248,239,217,.35); }.barber-steps article:last-child{border-right:0}
.barber-steps b { width:42px;height:42px;border:1px solid #d6aa6c;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;color:#d6aa6c;font-size:17px;font-style:italic; }
.barber-steps h3 { font-family:Georgia,"Times New Roman",serif;font-size:21px;letter-spacing:0;margin:0 0 10px; }.barber-steps p{font-size:12px;line-height:1.6;color:rgba(248,239,217,.65);margin:0}
.barber-note { min-height:280px;display:flex;align-items:center;justify-content:center;gap:38px;padding:50px 24px;text-align:left; }
.barber-emblem { width:105px;height:105px;border:3px double var(--barber-red);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--barber-red);transform:rotate(-5deg); }.barber-emblem span{font-size:30px;font-weight:bold}.barber-emblem small{font:700 7px var(--font-body);letter-spacing:.2em;margin-top:4px}
.barber-note p { font-size:27px;line-height:1.25;margin:0;font-style:italic; }.barber-note b{color:var(--barber-red)}
.barber-footer { min-height:110px;padding:25px max(24px,calc((100vw - 1072px)/2));display:flex;align-items:center;justify-content:space-between;background:#ded0b1;border-top:1px solid var(--barber-ink); }.barber-footer>div{display:flex;flex-direction:column}.barber-footer b{text-transform:uppercase;font-size:14px}.barber-footer span,.barber-footer small,.barber-footer a{font:9px var(--font-body);color:#6a604f;margin-top:5px}.barber-footer a{text-transform:uppercase;text-decoration:underline;letter-spacing:.08em}

/* Debt tracking */
.type-icon.overdue { background:#fff3d8;color:#a56600; }
.debt-dashboard-strip { display:grid;grid-template-columns:1.35fr repeat(3,1fr) auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 18px;margin-bottom:14px; }
.debt-strip-title { display:flex;align-items:center;gap:10px; }.debt-strip-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef1ed;color:var(--ink);font-size:18px}.debt-strip-title p,.debt-dashboard-strip>div:not(.debt-strip-title){margin:0;display:flex;flex-direction:column}.debt-strip-title b{font-size:10px}.debt-strip-title small,.debt-dashboard-strip small{font-size:8px;color:var(--muted);margin-top:2px}.debt-dashboard-strip>div>b{font:700 12px var(--font-head);margin-top:3px}.income-text{color:var(--green)}.expense-text{color:var(--orange)}.debt-dashboard-strip>a{font-size:9px;font-weight:700;color:var(--green);white-space:nowrap}
.debt-table{min-width:920px}.debt-person{display:flex;align-items:center;gap:9px;min-width:140px}.debt-person>span{width:30px;height:30px;border-radius:8px;background:#edf1ee;display:grid;place-items:center;color:var(--ink);font-weight:700}.debt-person p{margin:0;display:flex;flex-direction:column}.debt-person b,.cell-title{font-size:10px;color:var(--ink)}.debt-person small{font-size:8px;color:var(--muted);margin-top:2px}.debt-status{display:inline-flex;padding:3px 6px;border-radius:10px;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.debt-status.open{background:#eef2f8;color:#50647d}.debt-status.overdue{background:var(--orange-soft);color:#b04429}.debt-status.paid{background:var(--green-soft);color:var(--green)}.debt-progress{width:75px;height:3px;border-radius:3px;background:#e8ebe8;margin:5px 0 3px;overflow:hidden}.debt-progress i{height:100%;display:block;background:var(--green)}.debt-table td:nth-child(5)>small{font-size:7px;color:var(--muted)}

@media (max-width:820px) {
    .barber-header{height:auto;min-height:82px}.barber-header nav a:not(.barber-admin-link){display:none}.barber-header nav{gap:0}.barber-hero{min-height:540px;padding:55px 22px}.barber-sign{padding:40px 22px}.sign-name{display:block}.sign-name small{display:block;margin-bottom:9px}.sign-name strong{font-size:53px}.barber-about{grid-template-columns:70px 1fr}.barber-about>p{grid-column:2}.barber-steps{grid-template-columns:1fr}.barber-steps article{min-height:0;border-right:0;border-bottom:1px solid rgba(248,239,217,.35)}.barber-steps article:last-child{border-bottom:0}.barber-footer{gap:18px}.barber-footer>small{display:none}
    .debt-dashboard-strip{grid-template-columns:1fr 1fr}.debt-strip-title{grid-column:1/-1}.debt-dashboard-strip>a{text-align:right}.debt-stats{grid-template-columns:1fr 1fr}.debt-stats>div:last-child{grid-column:1/-1}
}
@media (max-width:520px) {
    .barber-logo small{display:none}.barber-logo b{font-size:16px}.barber-header{padding:0 16px}.barber-sign h1{font-size:39px}.barber-about{padding:65px 20px;grid-template-columns:1fr;gap:20px}.barber-about>p{grid-column:auto}.barber-process{padding:65px 20px}.barber-note{flex-direction:column;text-align:center}.barber-footer{align-items:flex-start;flex-direction:column}.debt-dashboard-strip{grid-template-columns:1fr}.debt-strip-title{grid-column:auto}.debt-dashboard-strip>a{text-align:left}.debt-stats{grid-template-columns:1fr}.debt-stats>div:last-child{grid-column:auto}
}