/* Harmonia POS by Trend Verse Digital. Corrected signature SVG supplied by the owner. */
:root{--pine:#0866ee;--pine-light:#337ce8;--bg:#f5f8fe;--ink:#152b4b;--muted:#667892;--line:#e0e8f3;--orange:#0866ee;--orange-light:#edf4ff;--shadow:0 14px 40px #153c7110}
.brand-plate{display:block;width:174px;padding:11px 13px;background:#10294b;border-radius:14px;flex-shrink:0;box-sizing:border-box}.brand-logo{display:block;position:relative;aspect-ratio:182.059/91.796;overflow:hidden;width:100%}.brand-logo img,.dashboard-brand .brand-logo img{position:absolute;width:109.85450%;max-width:none;height:auto;left:-6.04788%;top:-56.64735%;margin:0}.brand-credit{display:block;color:#667892;font-size:10px;letter-spacing:.4px;margin-top:10px;font-weight:500}.dashboard-brand{display:block;margin-bottom:25px}.dashboard-brand .brand-plate{width:100%}.dashboard-nav{background:#fff;color:var(--ink);border-right:1px solid var(--line)}.dashboard-nav button{color:#536981}.dashboard-nav button:hover{background:#f1f6ff;color:#0866ee}.dashboard-nav button.selected{background:#eaf2ff;color:#075bd4}.dashboard-nav .nav-bottom{border-color:var(--line);color:#536981}.dashboard-top{background:#fff;border-bottom:1px solid var(--line)}.dashboard-top strong{color:#152b4b}.login-card{border-radius:22px;box-shadow:0 20px 70px #1746810c}.login-card .brand-plate{width:190px;margin-bottom:12px}.login-card h1{color:#152b4b}.login-card button{background:#0866ee}.login-card .eyebrow{color:#0866ee;margin-top:26px}.finance-kpi.featured{background:#0866ee}.permission-note,.order-lines{background:#f0f5ff}.eyebrow{color:#0866ee}button:focus-visible,a:focus-visible{outline-color:#0866ee}.rail{background:#fff;border-right:1px solid var(--line)}.rail .brand-plate{width:80px;padding:6px;border-radius:8px}.rail .brand-credit{font-size:7px;line-height:1.4;text-align:center}.nav-button{color:#627793}.nav-button.active{color:#0866ee;background:#eaf2ff}.nav-button:hover:not(.active){background:#f0f5ff;color:#0866ee}.wordmark strong{color:#0866ee}.wordmark span{color:#667892}.wordmark{gap:8px}.header-sub{color:#667892}.avatar{background:#eaf2ff;color:#0866ee}
@media(max-width:760px){.dashboard-brand .brand-plate{width:150px}.dashboard-brand{margin-bottom:16px}.login-card{margin:24px 16px;padding:27px}.brand-credit{font-size:9px}}


/* Santorini: white plaster, Aegean blue, architectural arches and ceramic borders. */
:root {
  --pine: #1665b4;
  --pine-light: #3d86cb;
  --bg: #f6f9fd;
  --ink: #1b3656;
  --muted: #6e8096;
  --line: #e0eaf5;
  --orange: #1665b4;
  --orange-light: #eff6fd;
  --shadow: 0 12px 38px #284d7910;
  --santorini-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20480%20270%22%20fill%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22sky%22%20x1%3D%22260%22%20y1%3D%2224%22%20x2%3D%22260%22%20y2%3D%22244%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e4effc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f5f9ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22dome%22%20x1%3D%22218%22%20y1%3D%2267%22%20x2%3D%22295%22%20y2%3D%22119%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234389cf%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230757aa%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M142%20236V139a119%20119%200%200%201%20238%200v97%22%20fill%3D%22url%28%23sky%29%22%2F%3E%3Cpath%20d%3D%22M154%20236V139a107%20107%200%200%201%20214%200v97%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%22112%22%20cy%3D%2266%22%20r%3D%2219%22%20fill%3D%22%23eddbb8%22%2F%3E%3Cpath%20d%3D%22M112%2038v-7M85%2065h-7m14-20-5-5m48%206%205-5%22%20stroke%3D%22%23dcc9a4%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M78%20231c70-19%20124-17%20184-14%2070%203%20101%208%20149%2017%22%20fill%3D%22%23e7f0fb%22%2F%3E%3Cg%20stroke%3D%22%23c3d7ed%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M137%20157h82v76h-82z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M130%20154h95v8h-95z%22%20fill%3D%22%23f9fcff%22%2F%3E%3Cpath%20d%3D%22M212%20114h97v119h-97z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M299%20156h70v77h-70z%22%20fill%3D%22%23f8fbff%22%2F%3E%3Cpath%20d%3D%22M304%20151h70v8h-70z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M341%20116v-14a14%2014%200%200%201%2028%200v14h-28Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M335%20113h40v9h-40z%22%20fill%3D%22%23f7fbff%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M212%20115a48.5%2048.5%200%200%201%2097%200h-97Z%22%20fill%3D%22url%28%23dome%29%22%2F%3E%3Cpath%20d%3D%22M239%20111c1-19%206-31%2020-42%22%20stroke%3D%22%237dabda%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M209%20114h103v8H209z%22%20fill%3D%22%23105da9%22%2F%3E%3Cpath%20d%3D%22M257%2064v-7m-4%203h8%22%20stroke%3D%22%230757aa%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M240%20232v-45a19%2019%200%200%201%2038%200v45%22%20fill%3D%22%231765b4%22%2F%3E%3Cpath%20d%3D%22M235%20232v-45a24%2024%200%200%201%2048%200v45%22%20stroke%3D%22%23e1ebf6%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M259%20170v61m-12-48v45m24-45v45%22%20stroke%3D%22%2383acd4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%22255%22%20cy%3D%22207%22%20r%3D%221.5%22%20fill%3D%22%23d4dfeb%22%2F%3E%3Cpath%20d%3D%22M225%20151v-12a7%207%200%200%201%2014%200v12h-14Zm57%200v-12a7%207%200%200%201%2014%200v12h-14Z%22%20fill%3D%22%23367dc1%22%2F%3E%3Cpath%20d%3D%22M153%20194v-13a9%209%200%200%201%2018%200v13h-18Zm31%200v-13a9%209%200%200%201%2018%200v13h-18Z%22%20fill%3D%22%235a97d0%22%2F%3E%3Cpath%20d%3D%22M321%20213v-27a12%2012%200%200%201%2024%200v27h-24Z%22%20fill%3D%22%23377fc1%22%2F%3E%3Cpath%20d%3D%22M333%20175v38m-11-16h22%22%20stroke%3D%22%23b3cee9%22%2F%3E%3Cpath%20d%3D%22M350%20108V99a5%205%200%200%201%2010%200v9h-10Z%22%20fill%3D%22%23347abd%22%2F%3E%3Cpath%20d%3D%22M215%20202h-18v8h-17v8h-17v8h-17v8h-17v5h-24%22%20fill%3D%22%23fff%22%20stroke%3D%22%23bfd4ea%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M175%20202h22m-39%208h22m-39%208h22m-39%208h22%22%20stroke%3D%22%23e0ebf6%22%2F%3E%3Cpath%20d%3D%22M372%20217h22l-4%2020h-14l-4-20Z%22%20fill%3D%22%231765b4%22%2F%3E%3Cpath%20d%3D%22M383%20219v-35m0%2015c-10-1-14-6-14-12%2010%200%2014%205%2014%2012Zm0%208c10-1%2015-6%2015-12-10%200-15%205-15%2012Zm0-18c7-2%2010-7%209-12-7%201-10%206-9%2012Z%22%20fill%3D%22%237b9eab%22%20stroke%3D%22%236e92a2%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M85%20215h22l-4%2023H89l-4-23Z%22%20fill%3D%22%236b9bcd%22%2F%3E%3Cpath%20d%3D%22M96%20216v-50m0%2030c-12-2-17-9-16-17%2012%202%2017%208%2016%2017Zm0-17c10-1%2017-7%2018-16-12%201-18%207-18%2016Z%22%20fill%3D%22%2391aebb%22%20stroke%3D%22%237898a5%22%20stroke-width%3D%221.2%22%2F%3E%3Cg%20fill%3D%22%23d49bb1%22%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%22169%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2287%22%20cy%3D%22166%22%20r%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%2282%22%20cy%3D%22161%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22114%22%20cy%3D%22157%22%20r%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%22108%22%20cy%3D%22152%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22119%22%20cy%3D%22151%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%2297%22%20cy%3D%22154%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M68%20244c19-7%2030-7%2049%200s30%207%2049%200%2030-7%2049%200%2030%207%2049%200%2030-7%2049%200%2030%207%2049%200%2030-7%2049%200%22%20stroke%3D%22%237ba9d5%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M102%20254c16-5%2026-5%2042%200s26%205%2042%200%2026-5%2042%200%2026%205%2042%200%2026-5%2042%200%2026%205%2042%200%22%20stroke%3D%22%23c3d8ee%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M400%2081c8-5%2013-5%2021%200m-21%200c-8-5-13-5-21%200%22%20stroke%3D%22%2393b4d3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --ceramic-border: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2084%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0%203h24v10H7V7h11M28%203h24v10H35V7h11M56%203h24v10H63V7h11%22%20stroke%3D%22%239ebfe1%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fsvg%3E");
  --ceramic-tile: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M24%203c7%2010%207%2014%200%2021-7-7-7-11%200-21Zm21%2021c-10%207-14%207-21%200%207-7%2011-7%2021%200ZM24%2045c-7-10-7-14%200-21%207%207%207%2011%200%2021ZM3%2024c10-7%2014-7%2021%200-7%207-11%207-21%200Z%22%20stroke%3D%22%236f9dce%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%20stroke%3D%22%23c6dbef%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%222.5%22%20fill%3D%22%236f9dce%22%2F%3E%3C%2Fsvg%3E");
}
body { background: var(--bg); color: var(--ink); }
.santorini-art { background: var(--santorini-art) center / contain no-repeat; pointer-events: none; }
.dashboard-nav { padding: 22px 16px 14px; gap: 5px; background: #fff; border-right-color: #dde9f5; }
.dashboard-brand { position: relative; margin: 0 7px 23px; padding: 21px 9px 17px; border: 1px solid #dce9f8; border-radius: 80px 80px 16px 16px; background: #f5f9ff; text-align: center; }
.dashboard-brand .brand-plate { width: 100%; border-radius: 55px 55px 12px 12px; padding: 13px 9px 9px; background: #15385c; }
.dashboard-brand .brand-credit { margin-top: 10px; color: #68819b; font-size: 9px; letter-spacing: .35px; }
.dashboard-nav > button { display: flex; align-items: center; gap: 11px; min-height: 43px; padding: 10px 12px; color: #647b94; border: 1px solid transparent; border-radius: 10px; font-size: 12px; line-height: 1.5; }
.nav-link-icon { flex: 0 0 19px; width: 19px; height: 19px; }
.dashboard-nav > button:hover { color: #1665b4; background: #f4f8fd; }
.dashboard-nav > button.selected { color: #145b9f; background: #edf5ff; border-color: #deebfb; font-weight: 700; box-shadow: inset 3px 0 #2577c3; }
.dashboard-nav .nav-bottom { position: relative; padding: 24px 11px 8px; border-top: 0; color: #71859b; font-size: 10px; overflow-wrap: anywhere; }
.dashboard-nav .nav-bottom::before { content: ''; position: absolute; top: 7px; left: 12px; right: 12px; height: 9px; background: var(--ceramic-border) left center / 56px 11px repeat-x; opacity: .65; }
.dashboard-nav .nav-bottom strong { color: var(--ink); font-size: 11px; font-weight: 600; }
.dashboard-nav .nav-bottom button { margin-top: 5px; padding: 4px 0; color: #5c7996; font-size: 11px; }
.dashboard-top { position: relative; isolation: isolate; height: 148px; overflow: hidden; padding: 23px 34px 30px; background: linear-gradient(105deg,#fff 45%,#f1f7ff); border-bottom: 1px solid #dce9f7; }
.dashboard-top::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 10px; background: var(--ceramic-border) left center / 63px 12px repeat-x; opacity: .6; }
.dashboard-identity { display: flex; flex-direction: column; gap: 5px; position: relative; z-index: 1; }
.dashboard-top .top-overline { color: #6f93b8; font-size: 9px; font-weight: 600; letter-spacing: 2.5px; }
.dashboard-top strong { display: block; color: #21527e; font: 34px/1.15 Georgia,'Times New Roman',serif; letter-spacing: -.8px; }
.dashboard-top .dashboard-identity > span:last-child { color: #6d849c; font-size: 11px; }
.dashboard-top > .santorini-art { position: absolute; right: 195px; top: -5px; width: 252px; height: 154px; }
.dashboard-top > .btn { position: relative; z-index: 1; border-color: #d5e4f5; color: #2f679d; background: #ffffffdd; }
.dashboard-main { padding: 28px 34px 36px; }
.management-heading, .finance-heading { margin-top: 0; }
.management-heading h1, .finance-heading h1 { margin: 7px 0 8px; color: #21466d; font: 31px/1.2 Georgia,'Times New Roman',serif; letter-spacing: -.7px; }
.management-heading p, .finance-heading .subtitle { color: #72859b; font-size: 12px; line-height: 1.7; }
.eyebrow { color: #4c82b7; font-size: 9px; letter-spacing: 1.9px; }
.management-card, .finance-shell .panel, .finance-kpi, .inventory-metrics article { background: #fff; border-color: #e0eaf5; border-radius: 17px; box-shadow: 0 5px 22px #21558304; }
.management-table th { color: #6884a0; }
.management-table td { border-bottom-color: #edf2f8; }
.management-table tbody tr:hover { background: #fbfdff; }
.management-table td strong { color: #23486e; }
.btn, .pill { border-color: #dce8f5; border-radius: 10px; }
.btn { color: #1e65a7; }
.btn.primary, .pill.selected { color: #fff; background: #1665b4; border-color: #1665b4; box-shadow: 0 3px 9px #1c65ad12; }
.btn:hover:not(:disabled) { border-color: #b3d1ef; background: #f3f8ff; }
.btn.primary:hover:not(:disabled) { background: #0f579f; }
.finance-kpi strong { letter-spacing: -.7px; color: #204c75; }
.finance-kpi.featured { position: relative; background: #1665b4; border-color: #1665b4; box-shadow: 0 8px 24px #1665b417; }
.finance-kpi.featured::after { width: 116px; height: 176px; top: 18px; right: -38px; bottom: auto; border: 1px solid #ffffff23; border-radius: 68px 68px 0 0; }
.finance-kpi.featured > span, .finance-kpi.featured small { color: #dbeafb; }
.finance-kpi.featured strong { color: #fff; }
.finance-insight { background: #f0f7ff!important; border-color: #dceaf8!important; }
.finance-insight h3 { color: #275c8d; font: 24px/1.4 Georgia,'Times New Roman',serif; }
.finance-line span { color: #6b8198; }
.finance-line { border-bottom-color: #edf2f8; }
.finance-line.grand { background: #eef6ff; }
.finance-table thead { background: #f1f7fd; }
.finance-table th { color: #6e87a1; }
.finance-table td { color: #285477; border-bottom-color: #edf2f8; }
.finance-progress { background: #d9e7f5; }
.finance-progress span { background: #6ca0cd; }
.finance-account-heading > span { color: #3975ad; background: #edf5fd; border-radius: 12px 12px 5px 5px; }
.finance-tabs button.selected { color: #1665b4; border-bottom-color: #1665b4; }
.permission-note, .order-lines { background: #f0f6fd; }
.dashboard-main .search { border-color: #dce7f4; background: #fff; }
.dashboard-main input:focus-visible, .dashboard-main select:focus-visible { outline-color: #397fc0; }
#modal { border-color: #dce8f5; box-shadow: 0 28px 90px #183f6d29; }
#modal::backdrop { background: #1b3c6265; }
#modal .modal-top { position: relative; padding-bottom: 30px; border-bottom: 0; background: linear-gradient(105deg,#fff 68%,#f3f8ff); }
#modal .modal-top::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 9px; background: var(--ceramic-border) left center / 63px 12px repeat-x; opacity: .55; }
#modal .modal-top h2 { color: #234f78; font: 26px/1.25 Georgia,'Times New Roman',serif; letter-spacing: -.5px; }
#modal .dialog-symbol { width: 44px; height: 49px; background: #eaf3fd; color: #2874b9; border: 1px solid #dceafb; border-radius: 23px 23px 8px 8px; }
#modal .dialog-close { border-color: #dce8f5; color: #7490aa; border-radius: 11px; }
#modal .form-section-heading h3 { color: #28557e; font: 18px/1.4 Georgia,'Times New Roman',serif; }
#modal .form-section-heading { display: grid; grid-template-columns: 28px minmax(0,1fr); column-gap: 11px; align-items: start; }
#modal .form-section-heading::before { content: ''; grid-column: 1; grid-row: 1/3; width: 28px; height: 28px; margin-top: 2px; border: 1px solid #d4e4f4; border-radius: 6px; background: #f9fcff var(--ceramic-tile) center / 26px 26px no-repeat; }
#modal .form-section-heading > h3, #modal .form-section-heading > p { grid-column: 2; }
#modal .form-section-heading p { color: #7b8c9e; }
#modal .form-fields label, #modal .field, #modal .form-field { color: #3d5874; }
#modal input:not([type=checkbox]):not([type=radio]), #modal textarea, #modal select { border-color: #d9e6f3; background-color: #fefeff; }
#modal input:focus-visible, #modal select:focus-visible, #modal textarea:focus-visible { border-color: #2874b9; box-shadow: 0 0 0 3px #1665b411; }
#modal input[readonly], #modal select:disabled { background-color: #f3f7fb; color: #7a8ea3; }
#modal .permission-note { background: #f3f8fe; color: #66819a; border-color: #e0ebf8; }
#modal footer { border-top-color: #e4edf7; background: #fcfdff; }
#modal .btn.primary { background: #1665b4; border-color: #1665b4; }
#modal .btn.primary:hover:not(:disabled) { background: #0f579f; border-color: #0f579f; }
#modal .table-checklist label:has(input:checked) { border-color: #b9d6f1; background: #f0f7ff; }
.login-page { display: grid; grid-template-columns: 1.05fr 1fr; width: min(1000px,calc(100% - 64px)); margin: 7vh auto; overflow: hidden; border: 1px solid #e0eaf5; border-radius: 26px; background: #fff; box-shadow: 0 24px 80px #2c5b8c0c; }
.login-page .login-card { width: auto; max-width: none; margin: 0; padding: 42px 48px; border: 0; border-radius: 0; box-shadow: none; }
.login-card .brand-plate { width: 176px; border-radius: 50px 50px 12px 12px; padding-top: 15px; background: #15385c; }
.login-card h1 { color: #244f79; font: 35px/1.2 Georgia,'Times New Roman',serif; letter-spacing: -.7px; }
.login-card .eyebrow { color: #5388bb; font-size: 9px; letter-spacing: 1.9px; }
.login-card label { color: #45617c; font-weight: 600; }
.login-card input { min-height: 46px; border-color: #d7e5f3; font-size: 14px; font-weight: 400; }
.login-card input:focus-visible { outline: 2px solid #6ba1d5; outline-offset: 2px; }
.login-card button { background: #1665b4; box-shadow: 0 4px 12px #1665b413; }
.login-card button:hover:not(:disabled) { background: #0f579f; }
.login-card .error:empty { display: none; }
.login-card .error:not(:empty) { margin: 0; padding: 11px 13px; border: 1px solid #efd9d6; border-radius: 9px; background: #fff6f4; line-height: 1.6; }
.login-card .login-foot { color: #8495a8; }
.login-scene { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: 40px 24px 64px; border-left: 1px solid #e2edf8; background: #f0f6fe; }
.login-scene::before { content: ''; position: absolute; width: 290px; height: 410px; top: calc(50% - 212px); border: 1px solid #d2e3f6; border-radius: 160px 160px 12px 12px; box-shadow: 0 0 0 12px #f7faff; }
.login-scene::after { content: ''; position: absolute; bottom: 22px; left: 26px; right: 26px; height: 30px; background: var(--ceramic-tile) center / 30px 30px repeat-x; opacity: .55; }
.scene-overline { position: relative; color: #6a8fb3; font-size: 8px; letter-spacing: 2.5px; }
.login-scene .santorini-art { position: relative; width: calc(100% + 30px); height: 290px; margin: 18px -15px 8px; }
.scene-wordmark { position: relative; color: #4579a7; font: italic 25px/1.4 Georgia,'Times New Roman',serif; }
.scene-credit { position: relative; margin-top: 11px; color: #87a1b9; font-size: 9px; letter-spacing: .8px; }
@media(min-width:1600px) { .dashboard-top > .santorini-art { right: 240px; width: 300px; } }
@media(max-width:1100px) { .dashboard-top > .santorini-art { right: 160px; width: 220px; opacity: .85; } .login-page { width: calc(100% - 48px); } .login-page .login-card { padding: 36px; } }
@media(max-width:900px) {
  .dashboard-nav { display: grid; grid-template-columns: repeat(12,max-content); align-items: center; gap: 6px; max-width: 100vw; padding: 16px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: #bdd4eb #fff; overscroll-behavior-x: contain; }
  .dashboard-brand { position: sticky; left: 0; grid-column: 1/-1; grid-row: 1; display: flex; align-items: center; gap: 15px; width: calc(100vw - 32px); margin: 0 0 8px; padding: 0 0 13px; border: 0; border-bottom: 1px solid #e2edf8; border-radius: 0; background: #fff; }
  .dashboard-brand .brand-plate { width: 136px; border-radius: 35px 35px 9px 9px; padding: 9px 10px 6px; }
  .dashboard-brand .brand-credit { margin: 0; }
  .dashboard-nav > button { grid-row: 2; display: inline-flex; min-height: 38px; padding: 8px 11px; gap: 7px; font-size: 11px; white-space: nowrap; }
  .nav-link-icon { width: 16px; height: 16px; flex-basis: 16px; }
  .dashboard-nav .nav-bottom { display: none; }
  .dashboard-top { height: 128px; padding: 20px 24px 27px; }
  .dashboard-top > .santorini-art { right: 165px; top: -12px; height: 142px; }
  .dashboard-top strong { font-size: 30px; }
  .dashboard-main { padding: 24px; }
  .management-heading h1, .finance-heading h1 { font-size: 29px; }
  .login-page { grid-template-columns: 1fr .85fr; }
  .login-page .login-card { padding: 34px 30px; }
  .login-card h1 { font-size: 30px; }
  .login-scene { padding-right: 14px; padding-left: 14px; }
  .login-scene::before { width: 220px; }
  .login-scene .santorini-art { width: calc(100% + 30px); height: 250px; }
  .scene-overline { font-size: 7px; letter-spacing: 1.7px; }
}
@media(max-width:640px) {
  .dashboard-top { height: 116px; padding: 18px 18px 25px; }
  .dashboard-top > .santorini-art { display: none; }
  .dashboard-top strong { font-size: 28px; }
  .dashboard-top .top-overline { font-size: 8px; letter-spacing: 1.8px; }
  .dashboard-top .dashboard-identity > span:last-child { font-size: 10px; }
  .dashboard-top > .btn { padding: 10px 12px; font-size: 10px; }
  .dashboard-main { padding: 22px 16px; }
  .management-heading h1, .finance-heading h1 { font-size: 27px; }
  .management-heading p { font-size: 11px; }
  .finance-tabs { margin-right: -16px; padding-right: 16px; }
  .management-heading { gap: 14px; flex-wrap: wrap; }
  .dashboard-nav { padding: 12px; }
  .dashboard-brand { width: calc(100vw - 24px); }
  .dashboard-nav > button { padding: 7px 8px; font-size: 10px; gap: 6px; }
  .nav-link-icon { width: 15px; height: 15px; flex-basis: 15px; }
  #modal .modal-top { padding-bottom: 27px; }
  #modal .modal-top h2 { font-size: 24px; }
  #modal .dialog-symbol { width: 38px; height: 43px; }
  #modal .form-section-heading h3 { font-size: 18px; }
  .login-page { display: block; width: calc(100% - 32px); margin: 24px auto; border-radius: 22px; }
  .login-page .login-card { padding: 32px 26px; }
  .login-page .login-card::before { content: ''; display: block; height: 9px; margin: -12px -26px 26px; background: var(--ceramic-border) center / 63px 12px repeat-x; opacity: .75; }
  .login-scene { display: none; }
  .login-card h1 { font-size: 33px; }
}
@media print { .dashboard-top > .santorini-art { display: none; } }