:root{--navy:#10213f;--blue:#4f7cff;--blue-deep:#345de4;--cyan:#26c6da;--bg:#edf3ff;--text:#17233d;--muted:#71809d;--line:rgba(116,139,184,.2);--glass:rgba(255,255,255,.68);--green:#15a36d;--red:#e34c4c;--amber:#e7a627;--shadow:0 18px 45px rgba(40,70,130,.14),inset 0 1px 0 rgba(255,255,255,.82)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font:14px Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 80% 5%,rgba(108,204,255,.35),transparent 30%),radial-gradient(circle at 30% 85%,rgba(116,116,255,.18),transparent 30%),linear-gradient(135deg,#f5f9ff 0%,#eaf1ff 100%);color:var(--text)}
body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1}
body:before{width:320px;height:320px;background:rgba(91,119,255,.13);right:8%;top:16%}
body:after{width:230px;height:230px;background:rgba(32,207,194,.12);left:22%;bottom:5%}
button,input,select{font:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.sidebar{position:fixed;inset:14px auto 14px 14px;width:254px;background:linear-gradient(155deg,rgba(18,32,62,.42),rgba(27,39,75,.31));color:#e7efff;padding:20px 14px;border:1px solid rgba(255,255,255,.37);border-radius:24px;box-shadow:16px 18px 45px rgba(30,55,105,.24),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.09);backdrop-filter:blur(19px) saturate(168%);-webkit-backdrop-filter:blur(19px) saturate(168%);display:flex;flex-direction:column;z-index:30;overflow:hidden;isolation:isolate}
.sidebar:before{content:"";position:absolute;z-index:-2;inset:-45%;background:conic-gradient(from 30deg,#237ee3 0deg,#7959df 70deg,#db4acb 135deg,#dc5577 195deg,#d29739 245deg,#2db1a2 310deg,#237ee3 360deg);opacity:.61;filter:blur(30px) saturate(158%) contrast(110%);animation:sidebarGeminiFlow 18s linear infinite}
.sidebar:after{content:"";position:absolute;z-index:-1;inset:1px;border-radius:23px;background:linear-gradient(155deg,rgba(7,18,40,.5),rgba(17,27,58,.35) 55%,rgba(8,20,44,.48));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.23);pointer-events:none}
@keyframes sidebarGeminiFlow{0%{transform:rotate(0deg) scale(1)}35%{transform:rotate(125deg) scale(1.1)}70%{transform:rotate(250deg) scale(.96)}100%{transform:rotate(360deg) scale(1)}}
.brand{display:flex;align-items:center;gap:11px;padding:0 9px 21px;font-size:18px}.brand b{display:inline-block;letter-spacing:-.45px;font-weight:900;font-size:20px;background:linear-gradient(105deg,#fff 0%,#cfe2ff 25%,#b9a8ff 48%,#ffa8d5 70%,#a9fff3 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 5px rgba(53,82,170,.38));animation:brandGlassFlow 7s ease-in-out infinite}.brand small,.sidebar-foot small{display:block;color:#b5c8e5;font-size:9px;margin-top:3px;font-weight:600;letter-spacing:.15px;text-shadow:0 1px 3px rgba(8,21,52,.5)}
@keyframes brandGlassFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.brand-mark{width:88px;height:88px;background:#fff;color:white;border:1px solid rgba(255,255,255,.75);border-radius:24px;display:grid;place-items:center;overflow:hidden;font-weight:800;font-size:28px;box-shadow:8px 10px 22px rgba(15,28,70,.3),inset 2px 2px 3px rgba(255,255,255,.55),0 0 24px rgba(92,137,255,.22);backdrop-filter:blur(10px)}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}
.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:19px}.brand-about-button{padding:0;flex:0 0 auto;cursor:pointer;font-family:inherit;transition:transform .2s ease,filter .2s ease}.brand-about-button:hover{transform:translateY(-2px) scale(1.06);filter:saturate(125%) brightness(1.1)}.brand-about-button:active{transform:scale(.96)}.sidebar nav{display:flex;flex-direction:column;gap:4px;overflow:auto;padding-right:2px;scrollbar-width:thin}
.sidebar nav p{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#6f86aa;margin:19px 11px 7px}
.sidebar nav button{position:relative;border:1px solid transparent;background:rgba(255,255,255,.015);color:#c6d4eb;padding:10px 11px;text-align:left;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:11px;transition:.22s ease;backdrop-filter:blur(8px)}
.sidebar nav .nav-group-toggle{margin:10px 2px 3px;padding:9px 11px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#dfe9ff;font-size:9px;font-weight:900;letter-spacing:1.25px;text-transform:uppercase;justify-content:space-between}.sidebar nav .nav-group-toggle b{font-size:13px;line-height:1;transition:.2s}.sidebar nav .nav-group-toggle.open b{transform:rotate(180deg)}.nav-group-panel{display:none;flex-direction:column;gap:4px;padding:2px 0 7px 9px;border-left:1px solid rgba(255,255,255,.12);margin-left:8px}.nav-group-panel.open{display:flex}.nav-group-panel button{padding:9px 10px}.sidebar nav .nav-group-toggle:hover{transform:none;background:rgba(255,255,255,.13)}
.sidebar nav button svg,.sidebar-foot svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sidebar nav button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.13);color:#fff;transform:translateX(2px)}
.sidebar nav button.active{background:linear-gradient(135deg,rgba(100,153,255,.51),rgba(181,101,232,.33));border-color:rgba(255,255,255,.32);color:#fff;box-shadow:6px 8px 18px rgba(6,20,58,.21),inset 1px 1px 1px rgba(255,255,255,.33),0 0 21px rgba(105,125,255,.22);backdrop-filter:blur(14px) saturate(152%)}
.sidebar nav button.active:after{content:"";position:absolute;right:10px;width:5px;height:5px;border-radius:50%;background:#8af6e8;box-shadow:0 0 9px #8af6e8}
.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:16px 7px 0;display:flex;align-items:center;gap:9px}.sidebar-profile{min-width:0;flex:1;border:0;background:transparent;color:inherit;padding:0;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.sidebar-profile:hover b{color:#dbe8ff}.sidebar-profile:hover .avatar{transform:translateY(-1px)}.sidebar-foot b{display:block;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#fff}.sidebar-foot a{margin-left:auto;color:#9fb2ce;padding:6px;border-radius:9px;display:grid}.sidebar-foot a:hover{color:#fff;background:rgba(255,255,255,.08)}
@media(prefers-reduced-motion:reduce){.sidebar:before,.brand b,.pos-topbar:before,.pos-brand b,.main header:before,.main h2{animation:none}}
.avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#6690ff,#3e66dc);color:white;font-weight:700;box-shadow:5px 6px 12px rgba(4,20,62,.28),inset 1px 1px 1px rgba(255,255,255,.35)}
.main{margin-left:282px;min-height:100vh;padding:14px 14px 14px 0}.main header{min-height:82px;background:linear-gradient(130deg,rgba(255,255,255,.22),rgba(234,241,255,.12));border:1px solid rgba(255,255,255,.68);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-radius:22px;box-shadow:0 18px 45px rgba(40,70,130,.14),inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(17px) saturate(195%);-webkit-backdrop-filter:blur(17px) saturate(195%);position:sticky;top:14px;z-index:20;overflow:hidden;isolation:isolate}.main header:before{content:"";position:absolute;z-index:-2;inset:-220% -35%;background:conic-gradient(from 20deg,#176fff,#7146ff,#e52ac9,#ff416c,#ff9b17,#00c9b6,#176fff);opacity:.72;filter:blur(28px) saturate(215%) contrast(118%);animation:pageHeaderFlow 16s linear infinite}.main header:after{content:"";position:absolute;z-index:-1;inset:1px;border-radius:21px;background:linear-gradient(125deg,rgba(255,255,255,.28),rgba(240,245,255,.08) 48%,rgba(255,255,255,.2));pointer-events:none}@keyframes pageHeaderFlow{0%{transform:translateX(-10%) rotate(0deg) scale(1)}50%{transform:translateX(10%) rotate(180deg) scale(1.08)}100%{transform:translateX(-10%) rotate(360deg) scale(1)}}
.heading-wrap{display:flex;align-items:center;gap:11px}.main h2{margin:0;font-size:22px;letter-spacing:-.55px;font-weight:900;background:linear-gradient(100deg,#17233d,#416fe5,#8c55c7,#167e8c);background-size:210% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brandGlassFlow 8s ease-in-out infinite}.main header p{margin:5px 0 0;color:#60718f;font-size:11px;font-weight:600}.header-actions{display:flex;gap:9px;align-items:center}
.icon-btn{background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.82);border-radius:12px;padding:10px;color:var(--text);box-shadow:5px 7px 15px rgba(45,73,125,.1),inset 1px 1px 0 rgba(255,255,255,.84);backdrop-filter:blur(12px) saturate(140%);transition:.2s;width:39px;height:39px;display:grid;place-items:center;cursor:pointer}.icon-btn:hover{transform:translateY(-2px);box-shadow:6px 9px 18px rgba(45,73,125,.18)}.icon-btn svg,.mobile-menu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification{position:relative}.notification:after{content:"";position:absolute;right:7px;top:7px;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:#ff5571}
#content{padding:24px 1px 12px}.grid{display:grid;gap:17px}.stats{grid-template-columns:repeat(4,1fr)}.two{grid-template-columns:1.65fr 1fr}
.card{background:var(--glass);border:1px solid rgba(255,255,255,.82);border-radius:20px;padding:20px;box-shadow:var(--shadow);backdrop-filter:blur(16px);transition:transform .22s ease,box-shadow .22s ease}.card:hover{box-shadow:0 22px 50px rgba(40,70,130,.18),inset 0 1px 0 #fff}.stat:hover{transform:translateY(-3px)}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;bottom:-44px;background:linear-gradient(145deg,rgba(79,124,255,.16),rgba(38,198,218,.08))}
.stat .top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.stat h3{font-size:24px;letter-spacing:-.8px;margin:17px 0 5px}.pill{border-radius:20px;padding:5px 9px;background:rgba(36,193,132,.12);color:var(--green);font-size:10px;font-weight:700;border:1px solid rgba(21,163,109,.12)}.pill.red{background:rgba(227,76,76,.1);color:var(--red)}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-head h3{margin:0;font-size:15px}.muted{color:var(--muted)}.table-wrap{overflow:auto;border-radius:13px}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px;padding:11px;border-bottom:1px solid var(--line);background:rgba(238,244,255,.45)}td{padding:13px 11px;border-bottom:1px solid rgba(120,145,190,.12)}tbody tr{transition:.18s}tbody tr:hover{background:rgba(255,255,255,.45)}tr:last-child td{border-bottom:0}
.app-table-wrap{max-width:100%;overflow:auto}.table-card.has-custom-size{display:flex;flex-direction:column}.table-card.has-custom-size .app-table-wrap{flex:1 1 auto;min-height:0}.app-data-table:where(:not(.database-table-list):not(.database-browser-table):not(.database-detail-table)){min-width:920px;table-layout:fixed;font-size:11px}.app-data-table:where(:not(.database-table-list):not(.database-browser-table):not(.database-detail-table)) th,.app-data-table:where(:not(.database-table-list):not(.database-browser-table):not(.database-detail-table)) td{height:var(--table-row-height,auto);padding:12px 10px;line-height:1.35;vertical-align:top;white-space:normal;overflow-wrap:anywhere;word-break:normal}.app-data-table:where(:not(.database-table-list):not(.database-browser-table):not(.database-detail-table)) th{font-size:10px}.app-data-table:where(:not(.database-table-list):not(.database-browser-table):not(.database-detail-table)) td b{font-size:11px;line-height:1.35}.app-data-table:where(:not(.database-table-list):not(.database-browser-table):not(.database-detail-table)) td small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.45}.app-data-table:where(:not(.database-table-list):not(.database-browser-table):not(.database-detail-table)) .badge{display:inline-flex;align-items:center;justify-content:center;white-space:normal;line-height:1.2}.app-data-table:where(:not(.database-table-list):not(.database-browser-table):not(.database-detail-table)) .btn{display:inline-flex;align-items:center;justify-content:center;min-width:76px;white-space:nowrap;padding:8px 11px;font-size:10px;line-height:1.1}.app-data-table:where(:not(.database-table-list):not(.database-browser-table):not(.database-detail-table)) th:last-child,.app-data-table:where(:not(.database-table-list):not(.database-browser-table):not(.database-detail-table)) td:last-child{min-width:96px}.app-data-table .frozen-col{background:rgba(255,255,255,.96);box-shadow:8px 0 12px rgba(40,70,130,.08)}.app-data-table th.frozen-col{background:#eef4ff}.table-settings-box{width:min(1080px,96vw)}.table-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.table-settings-head h3{margin:0}.table-settings-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:14px}.table-settings-layout h4{margin:0 0 10px;font-size:13px}.table-setting-cols{display:grid;gap:8px;max-height:52vh;overflow:auto;padding-right:3px}.table-setting-col{display:grid;grid-template-columns:84px minmax(0,1fr) 130px;gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.58)}.table-setting-col b{font-size:11px;line-height:1.3;overflow-wrap:anywhere}.table-setting-col label{font-size:10px;color:var(--muted);font-weight:800}.table-setting-col input[type=number],.table-size-grid input,.table-size-grid select{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff;color:var(--text)}.table-size-grid{grid-template-columns:1fr 1fr}.check{display:flex!important;align-items:center;gap:7px}.check input{width:auto}.col-hidden{display:none!important}@media(max-width:900px){.app-data-table:where(:not(.database-table-list):not(.database-browser-table):not(.database-detail-table)){min-width:860px}.table-settings-layout,.table-setting-col,.table-size-grid{grid-template-columns:1fr}.table-setting-cols{max-height:42vh}}
.badge{padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700;background:rgba(79,124,255,.11);color:#416be3;border:1px solid rgba(79,124,255,.1)}.badge.green{background:rgba(21,163,109,.1);color:#168660}.badge.red{background:rgba(227,76,76,.1);color:#c93e3e}
.btn{border:1px solid rgba(255,255,255,.65);border-radius:12px;padding:10px 15px;cursor:pointer;font-weight:700;box-shadow:4px 6px 13px rgba(50,75,130,.12),inset 1px 1px 0 rgba(255,255,255,.65);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(145deg,#6288ff,var(--blue-deep));color:white;box-shadow:5px 8px 18px rgba(52,93,228,.28),inset 1px 1px 1px rgba(255,255,255,.38)}.btn.secondary{background:rgba(255,255,255,.56);color:var(--blue-deep)}.btn.danger{background:#ffeded;color:#c43c3c}
.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:17px}.toolbar input,.toolbar select,.form-grid input,.form-grid select{border:1px solid rgba(255,255,255,.9);border-radius:12px;padding:11px 12px;background:rgba(255,255,255,.62);color:var(--text);outline:none;box-shadow:4px 6px 14px rgba(45,73,125,.08),inset 1px 1px 0 #fff}.toolbar input:focus,.form-grid input:focus,.form-grid select:focus{border-color:rgba(79,124,255,.5);box-shadow:0 0 0 3px rgba(79,124,255,.1),inset 1px 1px 0 #fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px}.form-grid .full{grid-column:1/-1}
.chart{height:220px;display:flex;align-items:end;gap:14px;padding-top:25px}.bar-wrap{flex:1;text-align:center;color:var(--muted);font-size:10px}.bar{background:linear-gradient(180deg,#6c8fff,#2fc7d2);border:1px solid rgba(255,255,255,.55);border-radius:8px 8px 3px 3px;min-height:6px;margin-bottom:8px;box-shadow:4px 6px 12px rgba(61,102,220,.18),inset 1px 1px 1px rgba(255,255,255,.4)}
.hourly-chart{height:220px;display:grid;grid-template-columns:repeat(24,minmax(25px,1fr));align-items:end;gap:5px;padding:20px 4px 0;overflow-x:auto;border-bottom:1px solid var(--line)}.hourly-bar-wrap{height:195px;display:flex;flex-direction:column;justify-content:end;align-items:center;min-width:25px;color:var(--muted);font-size:11px}.hourly-bar-wrap>span{height:18px;font-weight:900;color:#315fc5;white-space:nowrap;font-size:11px}.hourly-bar{width:70%;min-height:1px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#6c8fff,#2fc7d2);box-shadow:2px 3px 7px rgba(61,102,220,.18);transition:.2s}.hourly-bar.peak{background:linear-gradient(180deg,#ff8a65,#ff5268);box-shadow:0 4px 10px #ff526844}.hourly-bar-wrap:hover .hourly-bar{filter:brightness(1.08);transform:scaleX(1.12)}.hourly-bar-wrap small{height:18px;margin-top:5px;font-size:10px;font-weight:700}.hourly-legend{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:var(--muted);font-size:11px;font-weight:600}.hourly-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;background:linear-gradient(180deg,#6c8fff,#2fc7d2)}
.hourly-combo{position:relative;padding:0 48px}.hourly-combo .hourly-chart{overflow:visible}.hourly-line{position:absolute;left:52px;right:52px;top:20px;width:calc(100% - 104px);height:175px;overflow:visible;pointer-events:none}.hourly-line polyline,.hourly-line path{fill:none;stroke:#eb4f9a;stroke-width:2.6;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #eb4f9a66)}.hourly-line circle{fill:#fff;stroke:#eb4f9a;stroke-width:.9;vector-effect:non-scaling-stroke}.hourly-line .item-label rect{fill:#b92b76;stroke:#fff;stroke-width:.7;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #7d155744)}.hourly-line .item-label text{fill:#fff;font-size:4px;font-weight:900;text-anchor:middle;stroke:none;letter-spacing:0;vector-effect:non-scaling-stroke}.hourly-axis-left,.hourly-axis-right{position:absolute;top:20px;height:150px;width:39px;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;font-weight:800}.hourly-axis-left{left:0;align-items:flex-end;border-right:1px solid #416fe566;padding-right:7px;color:#315fc5}.hourly-axis-right{right:0;border-left:1px solid #eb4f9a66;padding-left:7px;color:#bf327a}.hourly-axis-left b,.hourly-axis-right b{position:absolute;top:62px;font-size:9px;letter-spacing:.7px}.hourly-axis-left b{left:-13px;transform:rotate(-90deg)}.hourly-axis-right b{right:-4px;transform:rotate(-90deg)}.hourly-legend .line-legend i{background:#eb4f9a;border-radius:10px;width:18px;height:3px}
.dashboard-stats{grid-template-columns:repeat(5,1fr)}@media(max-width:1250px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.dashboard-stats{grid-template-columns:1fr}}
.display-dashboard{display:grid;gap:0}.display-dashboard-stats{grid-template-columns:repeat(6,1fr)}.display-progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.display-progress-card{display:grid;gap:9px;padding:14px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.7);box-shadow:0 10px 24px rgba(20,35,70,.07)}.display-progress-card div{display:flex;align-items:center;justify-content:space-between;gap:10px}.display-progress-card span,.display-progress-card small{color:var(--muted);font-size:10px;font-weight:800;line-height:1.35}.display-progress-card b{color:#17233d;font-size:22px}.display-progress-card i{height:9px;border-radius:999px;background:#e9eef8;overflow:hidden}.display-progress-card em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#315fc5,#23b7c8)}.display-progress-card.green em{background:linear-gradient(90deg,#15a36d,#2fc7d2)}.display-progress-card.red{background:#fff7f7;border-color:rgba(227,76,76,.22)}.display-progress-card.red em{background:linear-gradient(90deg,#e34c4c,#e7a627)}@media(max-width:1250px){.display-dashboard-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.display-progress-grid{grid-template-columns:1fr}.display-dashboard-stats{grid-template-columns:1fr 1fr}}@media(max-width:560px){.display-dashboard-stats{grid-template-columns:1fr}}
.owner-dashboard{display:grid;gap:16px}.owner-command{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;padding:18px 20px;border:1px solid rgba(18,35,67,.12);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(241,246,255,.72));box-shadow:0 18px 40px rgba(20,35,70,.1),inset 0 1px 0 #fff}.owner-command h3{margin:8px 0 4px;font-size:24px;letter-spacing:0}.owner-command p{margin:0;color:var(--muted);font-size:12px}.owner-command-value{text-align:right}.owner-command-value span,.owner-command-value small{display:block;color:var(--muted);font-size:11px;font-weight:800}.owner-command-value b{display:block;margin:4px 0;font-size:26px;color:#17233d}.owner-score-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.owner-metric{padding:13px 14px;border:1px solid rgba(120,145,190,.22);border-radius:10px;background:rgba(255,255,255,.72);box-shadow:0 10px 24px rgba(20,35,70,.07)}.owner-metric span,.owner-metric small{display:block;color:var(--muted);font-size:10px;font-weight:800}.owner-metric b{display:block;margin:8px 0 4px;font-size:19px;letter-spacing:0;color:#17233d}.owner-metric.red{border-color:rgba(227,76,76,.25);background:#fff7f7}.owner-metric.red b{color:#bc3939}.owner-main-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:16px}.owner-section-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr);gap:16px}.owner-panel{border-radius:12px}.owner-panel .card-head{margin-bottom:10px}.owner-panel h3{font-size:14px;letter-spacing:0}.owner-panel-large{min-height:280px}.owner-table-wrap{overflow-x:hidden}.owner-table{table-layout:fixed;font-size:12px}.owner-table th,.owner-table td{white-space:normal;overflow-wrap:break-word;word-break:normal;padding:10px 9px}.owner-table th{font-size:9px}.owner-table td b,.owner-table td small{display:block}.owner-table td small{margin-top:3px;color:var(--muted);font-size:10px}.owner-priority-list,.owner-product-list{display:grid;gap:9px}.owner-priority{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.owner-priority>span{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(21,163,109,.11)}.owner-priority.red>span{background:var(--red);box-shadow:0 0 0 4px rgba(227,76,76,.12)}.owner-priority b,.owner-priority small{display:block}.owner-priority small{margin-top:3px;color:var(--muted);font-size:10px}.owner-priority strong{font-size:18px}.owner-hour-bars{height:126px;display:grid;grid-template-columns:repeat(24,minmax(10px,1fr));align-items:end;gap:4px;padding-top:12px}.owner-hour-bars span{display:grid;align-items:end;gap:5px;min-width:0}.owner-hour-bars i{display:block;min-height:1px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#315fc5,#15a36d)}.owner-hour-bars small{text-align:center;color:var(--muted);font-size:8px}.owner-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.owner-product-row{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.owner-product-row:last-child{border-bottom:0}.owner-product-row>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(49,95,197,.1);color:#315fc5;font-size:11px;font-weight:900}.owner-product-row b,.owner-product-row small{display:block}.owner-product-row small{margin-top:3px;color:var(--muted);font-size:10px}.owner-product-row strong{font-size:12px}@media(max-width:1300px){.owner-score-grid{grid-template-columns:repeat(3,1fr)}.owner-main-grid,.owner-section-grid{grid-template-columns:1fr}}@media(max-width:700px){.owner-command{grid-template-columns:1fr}.owner-command-value{text-align:left}.owner-score-grid,.owner-mini-grid{grid-template-columns:1fr}.owner-hour-bars{grid-template-columns:repeat(12,1fr)}}
.owner-health-list{display:grid;gap:9px}.owner-health-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.owner-health-row b,.owner-health-row small{display:block}.owner-health-row small{margin-top:3px;color:var(--muted);font-size:10px}.owner-health-row strong{font-size:15px;color:#17233d;text-align:right}.owner-health-row.red{border-color:rgba(227,76,76,.22);background:#fff7f7}.owner-health-row.red strong{color:#bc3939}.owner-health-row.green{border-color:rgba(21,163,109,.2);background:#f4fff9}.owner-health-row.green strong{color:#168660}
.owner-readiness-panel{display:grid;gap:12px}.owner-readiness-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.owner-readiness-head h3{margin:7px 0 3px;font-size:20px;letter-spacing:0}.owner-ready-progress{height:10px;border-radius:999px;background:#e8eef7;overflow:hidden}.owner-ready-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#315fc5,#15a36d)}.owner-ready-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.owner-ready-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 11px;color:var(--text);cursor:pointer}.owner-ready-row:disabled{cursor:default}.owner-ready-row>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#ffe8e8;color:#bc3939;font-weight:900;font-size:11px}.owner-ready-row.done>span{background:#e8f8ef;color:#168660}.owner-ready-row b,.owner-ready-row small{display:block}.owner-ready-row small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}.owner-ready-row.todo{border-color:rgba(227,76,76,.18);background:#fffafa}.owner-ready-row:hover{border-color:rgba(49,95,197,.35);box-shadow:0 8px 20px rgba(20,35,70,.08)}@media(max-width:1200px){.owner-ready-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.owner-readiness-head{display:grid}.owner-ready-grid,.owner-ready-row{grid-template-columns:1fr}.owner-ready-row>span{display:none}}
.setup-note{display:grid;gap:5px;margin:12px 0;padding:13px 15px;border:1px solid #dbe6fb;border-radius:10px;background:#f8fbff;color:#23406f;line-height:1.45}.setup-note b,.setup-note span{display:block}.database-upgrade-card{display:grid;gap:12px}.database-migration-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.database-migration-list span{display:grid;gap:4px;border:1px solid rgba(227,76,76,.2);border-radius:10px;background:#fffafa;padding:10px 12px}.database-migration-list span.done{border-color:rgba(20,163,105,.22);background:#f4fff9}.database-migration-list small{color:var(--muted)}@media(max-width:720px){.database-migration-list{grid-template-columns:1fr}}
.owner-analytics-grid,.owner-chart-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px}.owner-full-panel{grid-column:1/-1}.owner-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.owner-analysis-item{padding:12px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#fff,#f8fbff)}.owner-analysis-item span,.owner-analysis-item small{display:block;color:var(--muted);font-size:10px;font-weight:800}.owner-analysis-item b{display:block;margin:7px 0 4px;color:#17233d;font-size:18px}.owner-analysis-item.green{border-color:rgba(21,163,109,.22);background:#f5fff9}.owner-analysis-item.green b{color:#168660}.owner-analysis-item.red{border-color:rgba(227,76,76,.24);background:#fff7f7}.owner-analysis-item.red b{color:#bc3939}.owner-risk-content{display:grid;grid-template-columns:128px 1fr;gap:14px;align-items:center}.owner-risk-gauge{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--risk-color) calc(var(--score)*1%),#e7edf7 0);box-shadow:inset 0 0 0 1px rgba(120,145,190,.25)}.owner-risk-gauge:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff;box-shadow:inset 0 1px 8px rgba(20,35,70,.08)}.owner-risk-gauge b,.owner-risk-gauge span{position:relative;z-index:1;display:block;text-align:center}.owner-risk-gauge b{font-size:28px;color:#17233d}.owner-risk-gauge span{margin-top:-18px;color:var(--muted);font-size:9px;font-weight:900}.owner-insight-list{display:grid;gap:8px}.owner-insight{display:grid;grid-template-columns:10px 1fr;gap:9px;align-items:start;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.owner-insight>span{width:9px;height:9px;margin-top:3px;border-radius:50%;background:#e2a65a;box-shadow:0 0 0 4px rgba(226,166,90,.13)}.owner-insight.green>span{background:#15a36d;box-shadow:0 0 0 4px rgba(21,163,109,.12)}.owner-insight.red>span{background:#e34c4c;box-shadow:0 0 0 4px rgba(227,76,76,.13)}.owner-insight b,.owner-insight small{display:block}.owner-insight small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}.owner-trend-chart{position:relative;min-height:220px;padding-top:4px}.owner-trend-chart svg{position:absolute;left:10px;right:10px;top:10px;width:calc(100% - 20px);height:150px;overflow:visible;pointer-events:none}.owner-trend-chart polygon{fill:rgba(49,95,197,.08)}.owner-trend-chart polyline{fill:none;stroke:#315fc5;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.owner-trend-chart circle{fill:#fff;stroke:#315fc5;stroke-width:1.2;vector-effect:non-scaling-stroke}.owner-trend-bars{height:190px;display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));align-items:end;gap:8px;position:relative;z-index:1}.owner-trend-bars span{display:grid;gap:5px;align-items:end;min-width:0;text-align:center}.owner-trend-bars i{display:block;width:100%;min-height:1px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#315fc5,#23b7c8);box-shadow:0 8px 18px rgba(49,95,197,.12)}.owner-trend-bars b{color:#17233d;font-size:10px}.owner-trend-bars small{color:var(--muted);font-size:9px;font-weight:800;white-space:normal;overflow-wrap:anywhere}.owner-share-list,.owner-margin-list{display:grid;gap:11px}.owner-share-row{display:grid;gap:7px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.owner-share-row div{display:flex;align-items:center;justify-content:space-between;gap:10px}.owner-share-row b,.owner-share-row small{display:block}.owner-share-row small{color:var(--muted);font-size:10px;font-weight:800;text-align:right}.owner-share-row span{height:10px;border-radius:999px;background:#e9eef8;overflow:hidden}.owner-share-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#315fc5,#15a36d)}.owner-margin-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(110px,1fr) 48px;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.owner-margin-row:last-child{border-bottom:0}.owner-margin-row b,.owner-margin-row small{display:block}.owner-margin-row small{margin-top:3px;color:var(--muted);font-size:10px}.owner-margin-row span{height:10px;border-radius:999px;background:#e9eef8;overflow:hidden}.owner-margin-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#15a36d,#e2a65a)}.owner-margin-row strong{text-align:right;color:#17233d;font-size:13px}@media(max-width:1300px){.owner-analytics-grid,.owner-chart-grid{grid-template-columns:1fr}.owner-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.owner-analysis-grid,.owner-risk-content,.owner-margin-row{grid-template-columns:1fr}.owner-risk-gauge{margin:auto}.owner-share-row div{display:block}.owner-share-row small{text-align:left}.owner-trend-bars{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;min-height:180px}}
.hourly-line text.item-label{fill:#e87b16;font-size:5px;font-weight:900;text-anchor:middle;stroke:none;vector-effect:non-scaling-stroke}
.transaction-line{position:absolute;left:52px;right:52px;top:20px;width:calc(100% - 104px);height:175px;overflow:visible;pointer-events:none}.transaction-line path{fill:none;stroke:#416fe5;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.transaction-line circle{fill:#416fe5;stroke:#fff;stroke-width:.7;vector-effect:non-scaling-stroke}.transaction-line text{fill:#315fc5;font-size:5px;font-weight:900;text-anchor:middle;stroke:none;vector-effect:non-scaling-stroke}
.reference-chart{padding:0 8px}.reference-chart .hourly-chart{height:250px;padding-top:25px;border-bottom:0;gap:7px}.reference-chart .hourly-bar-wrap{height:220px;min-width:30px}.reference-chart .hourly-bar-wrap>span{visibility:visible!important;height:22px;color:#101827;font-size:9px;font-weight:900}.reference-chart .hourly-bar{display:block!important;width:72%;background:linear-gradient(180deg,#25bb72 0%,#36b77e 25%,#e2a65a 67%,#ff8a29 100%);border:0;border-radius:5px 5px 0 0;box-shadow:none}.reference-chart .hourly-bar.peak{background:linear-gradient(180deg,#20b96c,#37b97e 27%,#e2a65a 68%,#ff8120);box-shadow:none}.reference-chart .hourly-bar-wrap small{height:30px;margin-top:4px;color:#18304f;font-size:8px}.reference-chart .hourly-bar-wrap small b,.reference-chart .hourly-bar-wrap small em{display:block;font-style:normal;white-space:nowrap}.reference-chart .hourly-bar-wrap small em{margin-top:2px;color:#71809d;font-size:7px;font-weight:500}.reference-chart .hourly-line{left:12px;right:12px;top:25px;width:calc(100% - 24px);height:190px}.reference-chart .hourly-line .reference-curve{fill:none;stroke:#f28600;stroke-width:2.2;filter:none}.reference-chart .hourly-line circle{fill:#f28600;stroke:#fff;stroke-width:1.4}.reference-chart .hourly-line text{fill:#fff;font-size:4.3px;font-weight:900;text-anchor:middle;paint-order:stroke;stroke:#d56f00;stroke-width:1.8px;vector-effect:non-scaling-stroke}.reference-chart+.hourly-legend{font-size:10px}.reference-chart+.hourly-legend .line-legend i{background:#f28600}
.reference-chart.without-item-chart{padding:0 8px}.reference-chart.without-item-chart .hourly-chart{padding-left:4px;padding-right:4px}
.pos-grid{display:grid;grid-template-columns:1.6fr .85fr;gap:18px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-height:600px;overflow:auto;padding:2px}.product-card{border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.58);border-radius:17px;padding:13px;text-align:left;cursor:pointer;box-shadow:6px 8px 18px rgba(45,73,125,.1),inset 1px 1px 0 #fff;transition:.22s}.product-card:hover{border-color:rgba(79,124,255,.35);transform:translateY(-3px);box-shadow:8px 12px 23px rgba(45,73,125,.17)}.product-card b{display:block;margin:9px 0}.product-card small{color:var(--muted)}.product-icon{height:72px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(220,232,255,.58));border:1px solid #fff;border-radius:13px;display:grid;place-items:center;font-size:29px;box-shadow:inset 2px 2px 3px #fff,4px 6px 13px rgba(47,77,130,.09)}
.cart-item{display:grid;grid-template-columns:1fr auto;gap:5px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-item small{color:var(--muted)}.qty{display:flex;align-items:center;gap:8px}.qty button{border:1px solid #fff;background:rgba(255,255,255,.65);border-radius:7px;box-shadow:2px 3px 7px rgba(45,73,125,.1)}.total-row{display:flex;justify-content:space-between;padding:8px 0}.grand{font-size:18px;font-weight:800;border-top:1px dashed #ccd4e1;margin-top:8px;padding-top:14px}.pay{width:100%;margin-top:13px}
.modal{position:fixed;inset:0;background:rgba(20,39,76,.44);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px;z-index:50}.modal-box{background:rgba(255,255,255,.88);border:1px solid #fff;border-radius:22px;padding:24px;width:min(560px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 80px rgba(16,35,78,.3),inset 0 1px 0 #fff}.modal-box h3{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#bfd8ff,transparent 38%),radial-gradient(circle at 20% 80%,#c6f5ef,transparent 35%),linear-gradient(145deg,#eef4ff,#e6edfb)}.login-card{position:relative;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.88);backdrop-filter:blur(22px);width:min(410px,92%);padding:36px;border-radius:28px;box-shadow:0 28px 75px rgba(32,65,125,.22),inset 0 1px 0 #fff}.login-card>.brand-mark{margin:auto;width:96px;height:96px}.login-card h1{margin:20px 0 3px;letter-spacing:-1px;text-align:center}.login-card>p{text-align:center}.login-card form{display:flex;flex-direction:column;gap:8px;margin-top:24px}.login-card input{padding:12px;border:1px solid #fff;background:rgba(255,255,255,.6);border-radius:12px;margin-bottom:8px;outline:none;box-shadow:inset 1px 1px 0 #fff,4px 6px 14px rgba(45,73,125,.08)}.demo-box{margin-top:18px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.72);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.alert{background:rgba(255,237,237,.75);color:#b63d3d;padding:10px;border-radius:10px;margin-top:12px}.empty{text-align:center;color:var(--muted);padding:30px}.mobile-menu{display:none}#toast{position:fixed;right:24px;bottom:24px;background:rgba(18,39,76,.92);backdrop-filter:blur(12px);color:white;padding:13px 17px;border:1px solid rgba(255,255,255,.18);border-radius:13px;box-shadow:0 15px 35px rgba(18,39,76,.25);display:none;z-index:60}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-290px);transition:transform .25s ease}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(16,33,63,.35);backdrop-filter:blur(3px);z-index:25}.sidebar-overlay.show{display:block}.main{margin-left:0;padding:10px}.main header{top:10px;height:auto;min-height:76px;padding:14px 15px}.main header,#content{padding-left:14px;padding-right:14px}.mobile-menu{display:grid;place-items:center;border:1px solid #fff;background:rgba(255,255,255,.65);width:38px;height:38px;border-radius:11px;color:var(--text);box-shadow:4px 6px 12px rgba(45,73,125,.1)}.two,.pos-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(max-width:600px){.stats{grid-template-columns:1fr}.main h2{font-size:18px}.main header p{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar{flex-wrap:wrap}.toolbar input{min-width:100%}.product-grid{grid-template-columns:1fr 1fr}.product-card{padding:10px}.card{padding:16px;border-radius:17px}}

/* Compact resume/stat cards across all pages */
.stats{gap:10px}.stats .stat{min-height:66px;padding:8px 12px}.stats .stat:after{width:60px;height:60px;right:-22px;bottom:-34px}.stats .stat .top{align-items:center;gap:7px;font-size:9px}.stats .stat h3{font-size:18px;line-height:1;letter-spacing:-.5px;margin:5px 0 1px}.stats .stat>small{font-size:8px;line-height:1}.stats .stat .pill{padding:2px 6px;font-size:8px;white-space:nowrap}

/* Fullscreen POS workspace */
.pos-mode{overflow:hidden;background:#eef3f9}.pos-mode .sidebar,.pos-mode .main>header{display:none}.pos-mode .main{margin:0;padding:0;height:100vh}.pos-mode #content{padding:0;height:100vh}
.pos-shell{height:100vh;display:grid;grid-template-rows:68px 1fr 34px;background:#eef3f9;color:#162033}.pos-topbar{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:14px;padding:8px 14px;background:linear-gradient(120deg,rgba(18,38,76,.94),rgba(44,49,103,.9));color:#fff;box-shadow:0 4px 18px #17264044,inset 0 1px 0 rgba(255,255,255,.16);z-index:3;backdrop-filter:blur(18px) saturate(145%)}.pos-topbar:before{content:"";position:absolute;z-index:-2;inset:-180% -25%;background:conic-gradient(from 0deg,#4285f4,#8c62ef,#e45fba,#ff8750,#32c4b5,#4285f4);opacity:.5;filter:blur(34px) saturate(145%);animation:posHeaderFlow 13s linear infinite}.pos-topbar:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,rgba(10,27,58,.78),rgba(30,39,87,.58),rgba(12,35,67,.76));pointer-events:none}.pos-brand{display:flex;align-items:center;gap:9px;min-width:170px}.pos-brand b{font-size:17px;font-weight:900;background:linear-gradient(100deg,#fff,#c5d8ff,#f1b9ff,#a8fff1);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brandGlassFlow 7s ease-in-out infinite}.pos-brand small{display:block;color:#c4d2e9;font-size:10px;margin-top:2px;font-weight:600}.pos-kpis{min-width:0;display:flex;align-items:center;gap:8px;flex:1;overflow:auto}.pos-kpis span{flex:0 1 auto;min-width:96px;padding:7px 12px;border-left:1px solid #ffffff2b;background:rgba(255,255,255,.025);border-radius:8px;backdrop-filter:blur(8px)}.pos-kpis small{display:block;color:#b7c8e1;font-size:9px;text-transform:uppercase;white-space:nowrap}.pos-kpis b{display:block;margin-top:3px;font-size:12px;white-space:nowrap}.pos-top-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}.pos-top-actions button,.pos-categories button,.pos-shortcuts button,.cart-title button,.pos-search button{border:0;cursor:pointer}.pos-top-actions button{background:rgba(255,255,255,.1);color:#edf4ff;border:1px solid rgba(255,255,255,.2);border-radius:9px;padding:9px 11px;backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}
@keyframes posHeaderFlow{0%{transform:translateX(-8%) rotate(0deg)}50%{transform:translateX(8%) rotate(180deg)}100%{transform:translateX(-8%) rotate(360deg)}}
.pos-workspace{min-height:0;display:grid;grid-template-columns:125px minmax(400px,1fr) minmax(390px,32vw);gap:1px;background:#dce4ef}.pos-categories{background:#fff;padding:10px 8px;display:flex;flex-direction:column;gap:6px;overflow:auto}.pos-categories button{min-height:48px;text-align:left;padding:9px;border-radius:10px;background:#f2f5f9;color:#596980;font-weight:700;font-size:11px}.pos-categories button.active,.pos-categories button:hover{background:#416fe5;color:#fff;box-shadow:0 5px 12px #416fe544}
.pos-catalog{min-width:0;background:#f3f6fa;padding:12px;overflow:hidden;display:flex;flex-direction:column}.pos-search{height:48px;display:flex;align-items:center;background:#fff;border:2px solid #4d78e8;border-radius:12px;overflow:hidden;box-shadow:0 5px 14px #365fbe18;margin-bottom:11px}.pos-search span{padding:0 12px;color:#416fe5;font-weight:800;font-size:11px}.pos-search input{border:0;outline:0;flex:1;height:100%;min-width:0;font-size:14px}.pos-search button{align-self:stretch;padding:0 13px;color:#6e7d92;background:#f3f6fa}.pos-products{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));max-height:none;overflow:auto;padding:2px 5px 20px 2px}.pos-products .product-card{background:#fff;border:1px solid #e0e7f0;box-shadow:0 3px 8px #30456510;border-radius:12px;min-height:158px}.pos-products .product-card p{font-weight:800;color:#3564d9;margin:8px 0 0}.pos-products .product-card.out{opacity:.45}.pos-products .product-icon{height:56px;background:linear-gradient(145deg,#eaf0ff,#f4f7fc);color:#416fe5;font-weight:900}
.pos-cart-panel{min-height:0;background:#fff;display:grid;grid-template-rows:auto auto auto 1fr auto}.transaction-info{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px 10px;background:#f6f8fb;border-bottom:1px solid #e5ebf2}.transaction-info small{display:block;color:#8996a8;font-size:7px}.transaction-info b{display:block;margin-top:1px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-box{margin:6px 10px;padding:10px 12px;border:1px dashed #8ca8e8;background:#f2f6ff;border-radius:8px;cursor:pointer}.member-box b,.member-box small{display:block}.member-box b{color:#3564d9;font-size:15px;line-height:1.2}.member-box small{color:#78889f;font-size:12px;line-height:1.25;margin-top:4px}.cart-title{display:flex;justify-content:space-between;align-items:center;padding:3px 10px 5px;border-bottom:1px solid #edf0f4}.cart-title span{background:#416fe5;color:#fff;border-radius:20px;padding:2px 7px;font-size:9px}.cart-title button{background:transparent;color:#d24b55;font-size:9px}.pos-cart{min-height:0;overflow:auto;padding:0 10px}.pos-cart-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;padding:6px 2px;border-bottom:1px solid #edf0f4}.pos-cart-item .remove{position:absolute;right:-4px;top:0;border:0;background:#fff;color:#c7ced8;cursor:pointer;font-size:11px}.cart-main{min-width:0;cursor:pointer}.cart-main b,.cart-main small,.cart-main span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-main b{font-size:10px}.cart-main small{font-size:7px;color:#8a98aa;margin:1px 0}.cart-main span{font-size:8px;color:#4c6da8}.pos-cart-item strong{font-size:10px;min-width:68px;text-align:right}.pos-cart-item .qty{gap:4px}.pos-cart-item .qty button{width:21px;height:21px;padding:0}.pos-cart-item .qty b{font-size:9px}.pos-summary{padding:7px 10px;background:#f7f9fc;border-top:1px solid #e1e7ef}.pos-summary>div{display:flex;justify-content:space-between;padding:1px 0;font-size:9px;color:#6c7a8e}.pos-summary .pos-grand{color:#162033;align-items:center;margin-top:3px;padding-top:5px;border-top:1px dashed #bcc8d8}.pos-grand b{font-size:20px;color:#2859d1}.pos-pay{width:100%;border:0;border-radius:9px;background:linear-gradient(145deg,#4e7cf0,#2858cf);color:#fff;padding:10px;margin-top:5px;font-weight:800;cursor:pointer;box-shadow:0 7px 15px #3967db45}.pos-pay span{float:left;background:#ffffff24;padding:1px 5px;border-radius:4px}.pos-pay:disabled{opacity:.4}
.pos-shortcuts{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;background:#cfd8e5;border-top:1px solid #ccd5e2}.pos-shortcuts button{min-height:0;padding:2px 4px;background:#fff;color:#59687c;font-size:10px;line-height:1;font-weight:700}.pos-shortcuts button:hover{background:#edf3ff;color:#3564d9}.pos-shortcuts kbd{font:800 10px inherit;background:#e8eef8;color:#3564d9;padding:2px 4px;border-radius:3px;margin-right:4px}
.pos-modal .modal-box{border-radius:14px;box-shadow:0 20px 65px #101e3855}.pos-modal .modal-box.wide{width:min(650px,96%)}.pos-modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7ebf1;margin:-5px -3px 15px;padding:0 3px 12px}.pos-modal-head h3{margin:0}.pos-modal-head button{border:0;background:#eef2f7;border-radius:7px;width:28px;height:28px;cursor:pointer}.pos-dialog-body{display:grid;gap:10px}.pos-dialog-body label{display:grid;gap:5px;color:#718097;font-size:11px}.pos-dialog-body input,.pos-dialog-body select,.pos-dialog-body textarea{padding:11px;border:1px solid #dce3ed;border-radius:9px;background:#fff;outline:0}.pos-dialog-body textarea{min-height:72px;resize:vertical}.member-results{display:grid;gap:8px;max-height:330px;overflow:auto}.member-results button{display:flex;justify-content:space-between;gap:12px;text-align:left;padding:14px;border:1px solid #e1e7ef;border-radius:9px;background:#fff;cursor:pointer}.member-results b{font-size:15px;line-height:1.2}.member-results span{color:#76869b;font-size:13px;line-height:1.25}.payment-confirm-list{display:grid;max-height:280px;overflow:auto;border:1px solid #e0e7f0;border-radius:9px;background:#fff}.payment-confirm-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-bottom:1px solid #edf1f6}.payment-confirm-list>div:last-child{border-bottom:0}.payment-confirm-list span,.payment-confirm-list b,.payment-confirm-list small{display:block}.payment-confirm-list small{color:#77869a;font-size:9px;margin-top:4px}.payment-confirm-list strong{color:#2859d1;white-space:nowrap}.payment-total{text-align:center;background:#eef4ff;padding:18px;border-radius:12px}.payment-total small,.payment-total b{display:block}.payment-total b{font-size:30px;color:#2859d1;margin-top:4px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.payment-methods button{border:1px solid #dce3ed;background:#fff;border-radius:9px;padding:12px;cursor:pointer;font-weight:700;color:#596a80}.payment-methods button.active{background:#416fe5;color:#fff;border-color:#416fe5}.split-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.check{display:flex!important}.negative{color:#d1434b}.success-payment{text-align:center;padding:10px}.success-payment>div{margin:auto;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#ddf7eb;color:#15905e;font-size:30px}.success-payment button{margin:5px}
.shift-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.shift-summary>div,.shift-payments>div,.shift-expected{padding:10px;border:1px solid #e0e7f0;border-radius:9px;background:#f7f9fc}.shift-summary small,.shift-summary b{display:block}.shift-summary small{color:#7b899d;font-size:9px}.shift-summary b{font-size:12px;margin-top:4px}.shift-payments{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.shift-payments>div,.shift-expected{display:flex;justify-content:space-between;gap:8px;font-size:10px}.shift-payments b{color:#2859d1}.shift-expected{background:#e9f0ff;border-color:#cbd9fa;font-size:13px;font-weight:800;color:#244da8}
.pos-dark .pos-shell,.pos-dark .pos-catalog{background:#111827;color:#e8eef8}.pos-dark .pos-workspace{background:#263246}.pos-dark .pos-categories,.pos-dark .pos-cart-panel,.pos-dark .pos-search,.pos-dark .pos-products .product-card,.pos-dark .pos-shortcuts button{background:#182337;color:#dce6f5;border-color:#2a3850}.pos-dark .pos-categories button,.pos-dark .transaction-info,.pos-dark .pos-summary{background:#202d42;color:#c8d3e2}.pos-dark .member-box{background:#1e3154}.pos-dark .pos-cart-item,.pos-dark .cart-title{border-color:#2b3850}.pos-dark .pos-cart-item .remove{background:transparent}
.pos-summary .promo-applied{margin:3px -4px;padding:5px 4px;color:#168660;background:#e6f7f0;border-radius:5px;font-weight:700}
.pos-summary .promo-total{margin:4px -4px 6px;padding:7px 4px;color:#087a51;background:#d3f3e3;border-top:1px dashed #83c9a8;border-bottom:1px dashed #83c9a8;font-size:11px;font-weight:800}
.receipt-choice{display:grid;gap:7px;max-height:420px;overflow:auto}.receipt-choice button{display:flex;justify-content:space-between;gap:14px;text-align:left;border:1px solid #e0e7f0;background:#fff;border-radius:10px;padding:12px;cursor:pointer;transition:.18s}.receipt-choice button:hover{border-color:#8aa9f2;background:#f3f7ff;transform:translateY(-1px)}.receipt-choice span,.receipt-choice b,.receipt-choice small{display:block}.receipt-choice small{color:#77869a;font-size:9px;margin-top:4px}.receipt-choice-total{text-align:right;white-space:nowrap}.receipt-choice-total b{color:#2859d1}
.member-card-btn{padding:7px 10px;white-space:nowrap}
.promo-products-field{display:none!important}.promo-products-field.show{display:flex!important}.promo-products-field select{min-height:150px}.product-card{position:relative}.product-promo{position:absolute;z-index:2;top:7px;right:7px;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#ff5268;color:#fff;border-radius:20px;padding:4px 7px;font-size:8px;font-weight:800;box-shadow:0 4px 9px #c8304650}
.audit-filter{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-bottom:17px;min-width:0}.audit-filter>div{margin-right:auto;min-width:min(220px,100%)}.audit-filter>div small{display:block;margin-top:4px}.audit-filter label{display:grid;gap:5px;color:var(--muted);font-size:10px;min-width:150px}.audit-filter input,.audit-filter select{border:1px solid rgba(255,255,255,.9);border-radius:10px;padding:9px;background:rgba(255,255,255,.72);color:var(--text);max-width:100%}.audit-filter select{min-width:150px}.audit-table{table-layout:auto}.audit-table th,.audit-table td{padding:6px 7px;vertical-align:middle}.audit-table th:not(:last-child),.audit-table td:not(:last-child){width:1%;white-space:nowrap}.audit-table th:nth-child(6),.audit-table td:nth-child(6){max-width:54px;padding-left:4px;padding-right:4px;text-align:center;overflow:hidden;text-overflow:ellipsis}.audit-table th:last-child,.audit-table td:last-child{width:auto}.audit-table td:last-child small{display:block;min-width:180px;max-width:430px;line-height:1.35;overflow-wrap:anywhere}.audit-branch{display:inline-block;padding:3px 7px;border-radius:20px;background:#edf3ff;color:#315fc5;border:1px solid #d4e0fb;font-size:9px;font-weight:700;white-space:nowrap}.audit-table .audit-action{padding:3px 7px}
.audit-action{display:inline-block;padding:5px 9px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.25px;white-space:nowrap;border:1px solid transparent}.audit-action.success{color:#087a51;background:#dcf7ea;border-color:#b9ecd6}.audit-action.danger{color:#b52e3a;background:#ffe5e8;border-color:#ffc7cd}.audit-action.warning{color:#9b6210;background:#fff3d9;border-color:#f4dfaf}.audit-action.info{color:#315fc5;background:#e5edff;border-color:#cbd9ff}.audit-action.purple{color:#7147b8;background:#f0e8ff;border-color:#decfff}.audit-action.cyan{color:#087c8d;background:#ddf7fa;border-color:#bdebf0}.audit-action.orange{color:#ae5419;background:#ffeadb;border-color:#ffd1b3}.audit-action.neutral{color:#58677b;background:#edf1f5;border-color:#dce3ea}
.audit-review-table th:nth-child(7),.audit-review-table td:nth-child(7){width:auto;min-width:220px;white-space:normal}.audit-review-table td:nth-child(7) small{display:block;max-width:430px;line-height:1.35;overflow-wrap:anywhere}.audit-review-table th:last-child,.audit-review-table td:last-child{width:1%;white-space:nowrap}.audit-review-table td:last-child .btn{padding:6px 9px;font-size:9px}.activity-log-filter{flex-wrap:wrap}.activity-log-filter>div{min-width:220px}.activity-log-filter input{max-width:145px}
.audit-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.audit-module-card{display:flex;flex-direction:column;gap:10px}.audit-module-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.audit-module-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.audit-module-actions .btn{padding:7px 10px;font-size:9px}.audit-summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.audit-summary-strip span{padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.48)}.audit-summary-strip b,.audit-summary-strip i{display:block}.audit-summary-strip b{font-size:10px;color:var(--muted)}.audit-summary-strip i{margin-top:3px;font-style:normal;font-weight:800}.audit-item-list{display:grid;gap:8px;margin:12px 0}.audit-item-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.5)}.audit-item-row small{display:block;margin-top:4px;color:var(--muted);line-height:1.35}.audit-item-row .btn{padding:7px 10px;font-size:9px}@media(max-width:1050px){.audit-module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.audit-module-grid,.audit-summary-strip{grid-template-columns:1fr}.audit-item-row{grid-template-columns:1fr}.audit-item-row .audit-action,.audit-item-row .btn{justify-self:start}}
.return-sale-head{display:grid;gap:3px;margin-bottom:10px}.return-sale-head small{color:var(--muted)}.return-item-list{display:grid;gap:8px;margin:10px 0}.return-item{display:grid;grid-template-columns:auto 1fr 115px;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.55)}.return-item span b,.return-item span small{display:block}.return-item span small{margin-top:3px;color:var(--muted);font-size:10px}.return-item input[type=number]{min-width:0}@media(max-width:620px){.return-item{grid-template-columns:auto 1fr}.return-item input[type=number]{grid-column:2;width:100%}}
.app-health-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.app-health-hero h3{margin:6px 0 3px;font-size:22px}.app-health-hero p{margin:0;color:var(--muted);font-size:12px}.app-health-hero>div:last-child{text-align:right}.app-health-hero>div:last-child b,.app-health-hero>div:last-child small{display:block}.app-health-table td:nth-child(2) small{display:block;margin-top:4px;color:var(--muted);line-height:1.35}.app-health-table td:last-child{white-space:nowrap}.app-health-table .btn{padding:7px 10px;font-size:9px}@media(max-width:700px){.app-health-hero{align-items:flex-start;flex-direction:column}.app-health-hero>div:last-child{text-align:left}.app-health-table td:last-child{white-space:normal}}
#connection-status{position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(130%);z-index:80;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;max-width:min(720px,calc(100vw - 26px));padding:11px 13px;border:1px solid #ffd1b3;border-radius:12px;background:#fff7ef;color:#7a3d10;box-shadow:0 18px 45px rgba(78,50,20,.18);transition:.25s}#connection-status.show{transform:translateX(-50%) translateY(0)}#connection-status.offline{background:#fff0f2;border-color:#ffc7cd;color:#9d2632}#connection-status b{white-space:nowrap}#connection-status span{font-size:11px;line-height:1.35}#connection-status button{border:0;border-radius:9px;background:#17233d;color:white;padding:7px 10px;font-weight:800;cursor:pointer}.outage-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.outage-steps span{display:block;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.5)}.outage-steps b,.outage-steps small{display:block}.outage-steps small{margin-top:5px;color:var(--muted);line-height:1.4}@media(max-width:900px){.outage-steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){#connection-status{grid-template-columns:1fr;left:13px;right:13px;transform:translateY(130%);max-width:none}#connection-status.show{transform:translateY(0)}#connection-status b{white-space:normal}.outage-steps{grid-template-columns:1fr}}
.user-activity-table{table-layout:auto}.user-activity-table th,.user-activity-table td{padding:6px 8px;vertical-align:middle}.user-activity-table th,.user-activity-table td{width:1%;white-space:nowrap}.user-activity-table th:nth-child(6),.user-activity-table td:nth-child(6){width:auto}.user-activity-table .btn{padding:5px 9px;border-radius:8px;font-size:10px}
.group-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:10px;min-width:0}.group-toolbar>div{margin-right:auto;min-width:min(240px,100%)}.group-toolbar small{display:block;color:var(--muted);margin-top:4px}.group-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:10px;min-width:150px}.group-toolbar input{padding:9px;border:1px solid #fff;border-radius:10px;background:#fff;max-width:100%}.profit-rule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profit-rule>div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border:1px solid #fff;border-radius:16px;background:var(--glass);box-shadow:var(--shadow)}.profit-rule b{font-size:22px;color:#416fe5}.profit-rule span{color:var(--muted);overflow-wrap:anywhere}.profit-rule strong{font-size:16px}.group-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:17px;align-items:start}.area-grid{display:grid;gap:10px}.area-card{min-width:0;border:1px solid #e1e8f1;border-radius:12px;overflow:hidden}.area-head,.store-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px}.area-head{background:#edf3ff;color:#315fc5}.area-head span,.store-row small{font-size:9px;color:var(--muted)}.store-row{border-top:1px solid #edf0f4}.store-row>div{min-width:0;margin-right:auto}.store-row b,.store-row small{display:block;overflow-wrap:anywhere}.store-row>span{font-size:9px;color:var(--muted)}.store-row>span b{display:inline;color:var(--text)}.ceo-profit-table th,.ceo-profit-table td{padding:7px;white-space:nowrap}.ceo-profit-table .btn{padding:5px 8px;font-size:9px}@media(max-width:1100px){.group-layout{grid-template-columns:1fr}.group-toolbar>div{width:100%;margin-right:0}}
@media(max-width:700px){.audit-filter{align-items:stretch;flex-direction:column}.audit-filter>div{margin-right:0}.audit-filter .btn{width:100%}}
.notification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.notification-form{min-width:0;display:flex;flex-direction:column;gap:16px}.channel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.channel-head>div{min-width:0}.channel-head b{display:block;font-size:16px;overflow-wrap:anywhere}.channel-head small{display:block;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.channel-head.gmail b{color:#d34338}.channel-head.whatsapp b{color:#168660}.switch input{display:none}.switch span{display:block;width:46px;height:25px;padding:3px;background:#cbd4e1;border-radius:20px;cursor:pointer;transition:.2s}.switch span:after{content:"";display:block;width:19px;height:19px;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0002;transition:.2s}.switch input:checked+span{background:#36b77a}.switch input:checked+span:after{transform:translateX(21px)}.notification-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;min-width:0}.notification-form input,.notification-form select{width:100%}.notification-form .btn{align-self:flex-start}
.operational-config-form{max-width:1180px}.operational-config-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.operational-config-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.operational-config-grid .form-section-title{margin-top:3px}.operational-config-form .setup-switch{align-items:center;justify-content:flex-start;line-height:1.35}.operational-config-form input[type=checkbox]{width:auto;min-width:auto}.operational-config-form input[type=time],.operational-config-form input[type=number],.operational-config-form select{min-width:0}@media(max-width:1050px){.operational-config-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.operational-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.operational-config-stats,.operational-config-grid{grid-template-columns:1fr}.operational-config-form .notification-actions{align-items:stretch;flex-direction:column}.operational-config-form .notification-actions .btn{width:100%}}
.cashier-shift-slots{display:grid;gap:10px}.cashier-shift-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:10px;border:1px solid #dfe7f2;border-radius:11px;background:#f8faff}.cashier-shift-row[hidden]{display:none}.cashier-shift-row label{min-width:0}@media(max-width:720px){.cashier-shift-row{grid-template-columns:1fr}}
.cashier-branch-shift-map table{min-width:520px}.cashier-branch-shift-map th:not(:first-child),.cashier-branch-shift-map td:not(:first-child){text-align:center}.cashier-branch-shift-map td small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.cashier-branch-shift-map .check{justify-content:center;padding:0;border:0;background:transparent}
.shift-generator-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:10px 0 14px}.shift-generator-slots span{padding:10px;border:1px solid #dfe7f2;border-radius:10px;background:#f8faff}.shift-generator-slots b,.shift-generator-slots small{display:block}.shift-generator-slots small{margin-top:3px;color:var(--muted)}
.shift-rolling-note{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.48);color:var(--text);font-size:10px;line-height:1.45}.shift-rolling-note b{white-space:nowrap;color:#315fc5}.shift-rolling-note span{color:var(--muted)}.shift-rolling-note strong{color:var(--text)}@media(max-width:640px){.shift-rolling-note{display:block}.shift-rolling-note b{display:block;margin-bottom:4px}}
.shift-cell-sep{border:0;border-top:1px solid var(--line);margin:6px 0}
.shift-merged-cell{display:block;min-height:18px;border-left:3px solid color-mix(in srgb,var(--custom-accent,var(--blue)) 24%,transparent)}
.shift-roll-cell-boundary{position:relative;display:grid;gap:4px;min-height:44px}
.shift-roll-cell-boundary:before{content:"";position:absolute;left:-11px;top:-12px;bottom:-12px;width:1px;background:#748294;pointer-events:none;z-index:8}
.shift-date-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:3px 5px;border:1px solid var(--custom-table-line,var(--line));border-radius:11px;background:color-mix(in srgb,var(--custom-card-bg,var(--glass)) 72%,transparent)}
.shift-table-card>.card-head{align-items:center;flex-wrap:wrap}
.shift-table-card>.card-head .table-card-tools{width:auto;margin-left:auto;justify-content:flex-end}
.table-card:has(.shift-pivot-table)>.card-head{align-items:center;flex-wrap:wrap}
.table-card:has(.shift-pivot-table)>.card-head .table-card-tools{width:auto;margin-left:auto;justify-content:flex-end}
.table-card-tools .shift-date-nav{display:inline-flex!important;flex:0 0 auto;margin-left:0}
.table-card-tools .shift-date-nav+.table-column-btn{flex:0 0 auto}
.shift-date-nav button{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--custom-table-line,var(--line));border-radius:9px;background:var(--custom-table-cell-bg,var(--glass));color:var(--custom-accent-deep,var(--blue-deep));font-size:18px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 4px 10px color-mix(in srgb,var(--custom-accent,var(--blue)) 12%,transparent)}
.shift-date-nav button:nth-child(2){width:auto;padding:0 10px;font-size:10px;line-height:1}
.shift-date-nav button:hover{background:var(--custom-row-hover-bg,color-mix(in srgb,var(--custom-accent,var(--blue)) 10%,var(--custom-table-cell-bg,var(--glass))));border-color:color-mix(in srgb,var(--custom-accent,var(--blue)) 42%,var(--custom-table-line,var(--line)))}
.shift-date-nav small{color:var(--custom-muted,var(--muted));font-size:9px;font-weight:800;white-space:nowrap}
.shift-table-card .app-table-wrap{max-height:min(62vh,620px)!important;overflow:auto!important}
.shift-table-card .shift-pivot-table{border-collapse:separate;border-spacing:0}
.shift-table-card .shift-pivot-table th{position:sticky!important;top:0!important;z-index:9!important;background:var(--custom-table-head,var(--glass))!important;color:var(--custom-text,var(--text))!important}
.table-card:has(.shift-pivot-table) .app-table-wrap{max-height:min(62vh,620px)!important;overflow:auto!important}
.table-card:has(.shift-pivot-table) .shift-pivot-table{border-collapse:separate;border-spacing:0}
.table-card:has(.shift-pivot-table) .shift-pivot-table th{position:sticky!important;top:0!important;z-index:9!important;background:var(--custom-table-head,var(--glass))!important;color:var(--custom-text,var(--text))!important}
.shift-pivot-table th{vertical-align:top}
.shift-pivot-table th.shift-roll-boundary{border-left:0!important;box-shadow:none!important}
.shift-pivot-table td.shift-roll-boundary{border-left:1px solid #748294!important;box-shadow:none!important}
.shift-date-head{display:grid;gap:2px;width:100px;min-width:100px;margin:-6px -7px;padding:7px 8px;border:1px solid var(--custom-table-line,var(--line));border-radius:7px;background:var(--custom-table-head,var(--glass));line-height:1.2}
.shift-date-head b{font-size:10px;font-weight:400;color:var(--custom-text,var(--text));white-space:nowrap}
.shift-date-head small{font-size:9px;color:var(--custom-muted,var(--muted))}
.shift-date-head em{font-style:normal;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.2px;color:var(--custom-muted,var(--muted))}
@media(max-width:820px){.shift-table-card>.card-head,.table-card:has(.shift-pivot-table)>.card-head{align-items:flex-start}.shift-table-card>.card-head .table-card-tools,.table-card:has(.shift-pivot-table)>.card-head .table-card-tools{width:100%;margin-left:0;justify-content:flex-start}}
.access-note{display:flex;align-items:center;gap:12px;margin-bottom:17px}.access-note span{color:var(--muted)}.access-roles{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.access-role .card-head small{display:block;margin-top:4px}.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.access-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.access-actions .btn{padding:8px 11px;font-size:10px}.access-group{display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid #e2e9f2;border-radius:11px;background:#f8faff}.access-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}.access-group-head>b{font-size:9px;color:#6f7f96;letter-spacing:.8px}.access-mini-actions{display:flex;gap:5px;flex:0 0 auto}.access-mini-actions button{border:1px solid #d3dded;border-radius:7px;background:#fff;color:#315fc5;padding:4px 6px;font-size:8px;font-weight:900;cursor:pointer}.access-mini-actions button:hover{background:#eaf1ff;border-color:#9fb8ef}.access-group label{display:flex;align-items:center;gap:7px;padding:5px 6px;border-radius:7px;font-size:11px;cursor:pointer}.access-group label:hover{background:#eaf1ff}.access-group input{accent-color:#416fe5}.access-group input:disabled{opacity:.65}@media(max-width:1100px){.access-roles{grid-template-columns:1fr}}@media(max-width:700px){.access-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.access-grid{grid-template-columns:1fr}}
.access-menu-list{display:grid;gap:7px}.access-menu-row{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:8px;align-items:center;padding:7px;border:1px solid rgba(120,145,190,.18);border-radius:9px;background:rgba(255,255,255,.48)}.access-menu-row.is-off{opacity:.6}.access-menu-title{min-width:0}.access-menu-title b,.access-menu-title small{display:block}.access-menu-title b{font-size:10px;color:var(--text);line-height:1.25}.access-menu-title small{margin-top:2px;color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-action-set{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px}.access-action-set label{display:flex!important;align-items:center;gap:4px;padding:4px 5px!important;border:1px solid rgba(120,145,190,.24);border-radius:7px;background:rgba(255,255,255,.54);font-size:8px!important;font-weight:900;color:#46566c}.access-action-set label:hover{background:#eef4ff}.access-action-set label.danger{color:#b43c49}.access-action-set input{width:13px;height:13px;min-width:13px}@media(max-width:1450px){.access-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.access-menu-row{grid-template-columns:1fr}.access-action-set{justify-content:flex-start}}
.access-role-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:12px;padding-bottom:3px}.access-role-tabs button{display:grid;gap:2px;min-width:126px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.54);color:var(--text);text-align:left;cursor:pointer}.access-role-tabs button.active{border-color:#8cadf4;background:#eef4ff;box-shadow:0 7px 18px rgba(49,95,197,.12)}.access-role-tabs b,.access-role-tabs span{display:block}.access-role-tabs b{font-size:11px}.access-role-tabs span{color:var(--muted);font-size:9px}.access-role[hidden]{display:none!important}.access-table-wrap{height:calc(100vh - 340px)!important;min-height:340px!important;max-height:none!important}.access-permission-table{min-width:760px;table-layout:fixed}.access-permission-table th:nth-child(1){width:34%}.access-permission-table th:nth-child(2){width:22%}.access-permission-table th:nth-child(n+3),.access-permission-table td.access-check{width:8.8%;text-align:center}.access-permission-table td{padding:8px 10px}.access-permission-table td b{display:block;font-size:11px;line-height:1.25}.access-permission-table td small{display:block;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-permission-table tr.is-off td{opacity:.55}.access-table-group td{padding:7px 10px!important;background:#eef4ff;color:#315fc5;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.access-table-group td span{float:right;display:flex;gap:5px;letter-spacing:0;text-transform:none}.access-table-group button{border:1px solid #c9d8f8;border-radius:7px;background:#fff;color:#315fc5;padding:3px 6px;font-size:8px;font-weight:900;cursor:pointer}.access-table-group button:hover{background:#e0ebff}.access-check input{width:16px;height:16px;accent-color:#416fe5}.access-check.danger input{accent-color:#d04453}@media(max-width:700px){.access-role-tabs button{min-width:112px}.access-table-wrap{height:calc(100vh - 360px)!important}.access-permission-table{min-width:680px}.access-table-group td span{float:none;margin-top:6px}}
.access-new-role-note{display:flex;align-items:center;gap:10px;margin:-6px 0 12px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.48);font-size:11px}.access-new-role-note b{white-space:nowrap;color:var(--text)}.access-new-role-note span{color:var(--muted);line-height:1.35}.access-new-role-note.warning{border-color:#f0d38c;background:#fff8e8}.access-new-role-note.warning b{color:#9b6210}.access-new-role-note.warning span{color:#6d5528}
@media(max-width:900px){.notification-grid{grid-template-columns:1fr}}
.global-notice-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:12px 18px;background:linear-gradient(135deg,rgba(55,105,225,.12),rgba(126,76,210,.1))}.global-notice-hero h3{margin:5px 0 2px;font-size:18px}.global-notice-hero p{margin:0;color:var(--muted);font-size:11px}.global-notice-hero>div:last-child{text-align:right}.global-notice-hero>div:last-child b,.global-notice-hero>div:last-child small{display:block}.global-notice-hero>div:last-child small{color:var(--muted);margin-top:2px}.global-notice-stats{margin-top:10px}.global-notice-filters{display:flex;gap:7px}.global-notice-list{display:grid;gap:9px;margin-top:15px}.global-notice{display:grid;grid-template-columns:10px 1fr auto;align-items:start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.42)}.global-notice[hidden]{display:none}.global-notice-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;background:#4f83e3;box-shadow:0 0 0 4px #4f83e31b}.global-notice.danger .global-notice-dot{background:#ef5265;box-shadow:0 0 0 4px #ef52651b}.global-notice.warning .global-notice-dot{background:#e8a62e;box-shadow:0 0 0 4px #e8a62e1b}.global-notice-head{display:flex;justify-content:space-between;gap:12px}.global-notice-head span,.global-notice small{color:var(--muted);font-size:11px}.global-notice p{margin:5px 0;color:#43526b;font-size:12px}.global-notice .audit-action{align-self:center}.global-notice-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.global-notice-actions .btn{padding:7px 10px;font-size:9px}@media(max-width:700px){.global-notice-hero,.global-notice-head{align-items:flex-start;flex-direction:column}.global-notice-hero{width:100%}.global-notice-hero>div:last-child{text-align:left}.global-notice-filters{flex-wrap:wrap}.global-notice{grid-template-columns:10px 1fr}.global-notice .audit-action{grid-column:2}}
.global-notice-scope{display:flex;align-items:center;justify-content:flex-end;gap:12px}.global-notice-scope .icon-btn{flex:0 0 auto}.global-notice.read{opacity:.72;background:rgba(255,255,255,.28)}.global-notice.read .global-notice-dot{background:#9aa8bd;box-shadow:0 0 0 4px #9aa8bd1b}.read-list{max-height:360px;overflow:auto}.notification-rule-modal{max-width:1240px}.notification-rule-search{width:100%;margin:14px 0 10px}.notification-rule-table{max-height:55vh}.notification-rule-table td:first-child{min-width:230px}.notification-rule-table td:first-child b,.notification-rule-table td:first-child small{display:block}.notification-rule-table td:first-child small{color:var(--muted);margin-top:3px}.notification-rule-table input[type=number],.notification-rule-table select{min-width:140px;width:100%}.notification-rule-row[hidden]{display:none}@media(max-width:700px){.global-notice-scope{justify-content:flex-start}.notification-rule-table{max-height:50vh}}
.smart-search-box{width:min(720px,96vw);padding:0;overflow:hidden}.smart-search-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f6f9ff,#fff)}.smart-search-head h3{margin:0 0 3px}.smart-search-input{display:flex;align-items:center;gap:10px;margin:14px 16px;padding:11px 13px;border:2px solid #6f95f0;border-radius:14px;background:#fff;box-shadow:0 7px 18px #315fc51a}.smart-search-input svg{width:18px;height:18px;stroke:#416fe5;fill:none;stroke-width:2}.smart-search-input input{border:0;outline:0;flex:1;min-width:0;font-size:15px;background:transparent}.smart-search-results{display:grid;gap:7px;max-height:min(60vh,520px);overflow:auto;padding:0 16px 16px}.smart-ai-answer{display:grid;gap:5px;padding:13px 14px;border:1px solid #cfe0ff;border-radius:14px;background:linear-gradient(135deg,#eef5ff,#ffffff);box-shadow:0 8px 20px #315fc512}.smart-ai-answer b{color:#315fc5;font-size:11px}.smart-ai-answer span{color:#33415f;font-size:12px;line-height:1.5}.smart-result{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;text-align:left;border:1px solid #e0e7f2;background:#fff;border-radius:12px;padding:11px;cursor:pointer;transition:.18s}.smart-result.ai-suggest{border-color:#b8cef9;background:#f6f9ff}.smart-result:hover,.smart-result:focus{border-color:#8cadf4;background:#f4f8ff;transform:translateY(-1px);outline:0}.smart-result b{font-size:12px;color:#18243b}.smart-result small{grid-column:2;color:var(--muted);font-size:10px;line-height:1.35}.smart-result .badge{justify-self:start}
.financial-toolbar label{display:grid;gap:4px;color:var(--muted);font-size:9px;font-weight:800}.financial-toolbar input,.financial-toolbar select{min-height:38px}.financial-stats{grid-template-columns:repeat(6,1fr)}.finance-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.finance-statement{padding:17px}.finance-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid rgba(120,145,190,.14)}.finance-line:last-child{border-bottom:0}.finance-line span{color:#53637a}.finance-line b{font-size:13px;color:#17233d;text-align:right}.finance-line.red b{color:#c93e3e}.finance-line.strong{margin-top:4px;padding-top:12px;border-top:1px dashed #ccd4e1;font-weight:900}.finance-line.strong b{font-size:15px;color:#315fc5}@media(max-width:1250px){.financial-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.finance-layout{grid-template-columns:1fr}.financial-toolbar{align-items:stretch}.financial-toolbar label{width:100%}.financial-stats{grid-template-columns:1fr 1fr}}@media(max-width:560px){.financial-stats{grid-template-columns:1fr}}
.finance-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.finance-step{min-width:0;border:0;text-align:left;display:grid;gap:7px;cursor:pointer}.finance-step span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#315fc5;color:#fff;font-weight:900;font-size:11px}.finance-step b{font-size:14px;overflow-wrap:anywhere}.finance-step small{min-height:34px;color:var(--muted);line-height:1.45;overflow-wrap:anywhere}.finance-step strong{font-size:18px;color:#17233d}.finance-step em{color:#416fe5;font-style:normal;font-size:10px;font-weight:800}.finance-step:hover span{background:#15a36d}.audit-filter label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800}.audit-filter input,.audit-filter select{min-height:38px}.table-wrap small{display:block;margin-top:3px}@media(max-width:1180px){.finance-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.finance-flow{grid-template-columns:1fr}.finance-step small{min-height:auto}}
.letter-archive-table .btn{padding:7px 9px;font-size:9px}
.database-table-list{min-width:980px}.database-table-list td:first-child{color:#315fc5}.database-table-list th,.database-table-list td,.database-detail-table th,.database-detail-table td{white-space:nowrap}.database-actions{display:flex;gap:6px}.database-actions .btn{padding:7px 9px;font-size:10px}.modal-box.database-table-modal{width:min(1180px,100%)}.sqlite-browser{padding:18px}.database-browser-toolbar{display:flex;align-items:center;gap:8px;margin:-4px 0 12px}.database-browser-wrap{max-height:68vh;border:1px solid var(--line);background:#fff}.database-browser-table{font-size:11px}.database-browser-table th{position:sticky;top:0;z-index:2;background:#eef4ff}.database-browser-table th small{display:block;margin-top:3px;text-transform:none;letter-spacing:0;font-size:9px}.database-browser-table input{width:180px;border:1px solid #dce5f2;border-radius:7px;background:#fbfdff;padding:7px 8px;font:11px Consolas,monospace}.database-browser-table input:focus{outline:0;border-color:#416fe5;box-shadow:0 0 0 2px rgba(65,111,229,.12)}.database-new-row td{background:#f7fbff}.database-row-actions{position:sticky;right:0;background:#fff;box-shadow:-8px 0 12px rgba(20,39,76,.06);z-index:1}.database-row-actions .btn{padding:7px 9px;font-size:10px;margin-right:5px}
.database-browser-modal{padding:10px}.modal-box.database-table-modal{width:calc(100vw - 24px);max-height:96vh}.sqlite-browser{padding:16px}.database-browser-toolbar{flex-wrap:wrap;position:sticky;top:0;background:rgba(255,255,255,.92);z-index:4;padding:6px 0}.database-browser-wrap{height:72vh;max-height:72vh;border-radius:8px}.database-browser-table{min-width:max-content}.database-browser-table th,.database-browser-table td{padding:8px 9px;vertical-align:top}.database-cell{display:grid;gap:5px;min-width:160px;max-width:320px}.database-cell span{display:block;overflow:hidden;text-overflow:ellipsis;max-width:300px;font:11px Consolas,monospace;color:#17233d}.database-cell em{color:#9aa8bd;font-style:italic}.database-cell input{display:none;width:100%;min-width:160px}.database-new-row .database-cell input,.database-browser-table tr.editing .database-cell input{display:block}.database-browser-table tr.editing .database-cell span{display:none}.database-browser-table tr.selected td{background:#eef6ff}.database-check-cell{position:sticky;left:0;z-index:3;background:#fff;text-align:center;min-width:42px}.database-browser-table th.database-check-cell{z-index:5;background:#eef4ff}.database-new-row .database-check-cell{font-weight:900;color:#315fc5}.database-row-actions{min-width:190px}
.database-new-row .database-cell span{display:none}
.database-table-open{border:0;background:transparent;color:#315fc5;text-align:left;cursor:pointer;padding:0;display:grid;gap:3px}.database-table-open b{text-decoration:underline;text-underline-offset:3px}.database-table-open small{font-size:9px;color:var(--muted);font-weight:500}.database-table-list{min-width:1100px}.database-table-list td:nth-child(2){min-width:240px;white-space:normal}.database-browser-modal{padding:0}.database-browser-modal .database-table-modal{width:100vw!important;height:100vh;max-height:100vh;border-radius:0;padding:18px}.database-browser-modal .database-browser-wrap{height:calc(100vh - 190px);max-height:calc(100vh - 190px)}
.database-ai-search{display:grid;gap:7px;margin:0 0 14px}.database-ai-search .smart-search-input{max-width:760px}.database-ai-search .smart-search-input input{font-size:13px}.database-card-head{align-items:flex-start}
.database-row-search{width:min(520px,100%)}.db-link-btn{border:0;background:transparent;color:#315fc5;text-decoration:underline;text-underline-offset:3px;font-weight:800;cursor:pointer;padding:5px 6px;box-shadow:none}.db-link-btn.danger{color:#c43c3c}.database-browser-table{table-layout:auto;min-width:0;width:max-content}.database-browser-table th,.database-browser-table td{white-space:normal;max-width:360px;min-width:fit-content}.database-browser-table th b{white-space:nowrap}.database-cell{min-width:80px;max-width:360px}.database-cell span{white-space:normal;overflow:visible;text-overflow:clip;max-width:340px;overflow-wrap:anywhere;line-height:1.35}.database-cell input{min-width:120px;max-width:340px}.database-row-actions{white-space:nowrap;min-width:150px}.database-browser-modal .database-browser-wrap{height:calc(100vh - 220px);max-height:calc(100vh - 220px)}
.database-browser-head{margin-bottom:8px}.database-close-btn{font-size:13px}.database-browser-table th.db-col-compact,.database-browser-table td.db-col-compact{min-width:46px;max-width:72px;width:1%;white-space:nowrap}.database-browser-table th.db-col-small,.database-browser-table td.db-col-small{min-width:70px;max-width:120px;width:1%}.database-browser-table td.db-col-compact .database-cell,.database-browser-table td.db-col-small .database-cell{min-width:42px;max-width:110px}.database-browser-table td.db-col-compact .database-cell span,.database-browser-table td.db-col-small .database-cell span{max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.database-browser-table td.db-col-compact input,.database-browser-table td.db-col-small input{min-width:54px;max-width:105px}.database-browser-table th.db-col-text,.database-browser-table td.db-col-text{min-width:140px;max-width:320px}.database-browser-table th.database-check-cell,.database-browser-table td.database-check-cell{min-width:34px;max-width:34px;width:34px;padding-left:5px;padding-right:5px}.database-browser-table th.database-check-cell input,.database-browser-table td.database-check-cell input{width:auto;min-width:0}.database-browser-modal .database-browser-wrap{height:calc(100vh - 178px);max-height:calc(100vh - 178px)}
.database-close-btn{border:1px solid rgba(255,255,255,.65);border-radius:12px;text-decoration:none;padding:9px 14px}.db-link-btn:disabled{color:#a8b4c7;text-decoration:none;cursor:not-allowed;opacity:.65}.database-browser-table tr:not(.editing) .save-row-btn{pointer-events:none}.database-connection-actions{display:flex;align-items:center;gap:8px}.database-connection-body{margin-top:12px}.toast-body{max-width:min(780px,calc(100vw - 80px));line-height:1.45}.toast-actions{display:flex;gap:8px;margin-top:11px}.toast-actions .btn{padding:7px 10px;font-size:10px}.toast-close{position:absolute;right:8px;top:7px;border:0;background:transparent;color:#fff;font-weight:800;cursor:pointer}
.database-pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 8px}.database-pager label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.database-pager select,.database-pager input{border:1px solid #dce5f2;border-radius:8px;background:#fff;padding:6px 8px;font-size:11px}.database-pager input{width:74px}
.database-import-modal{z-index:70}.database-import-box textarea{min-height:260px;font:12px/1.45 Consolas,monospace}.database-import-box input[type=file]{padding:10px;border:1px solid #dbe3ef;border-radius:9px;background:#fff}.database-import-help{padding:11px;border:1px solid #dfe7f2;border-radius:10px;background:#f7faff}.database-import-help b,.database-import-help span{display:block}.database-import-help b{color:#315fc5;margin-bottom:5px}.database-import-help span{color:#526176;font:10px/1.45 Consolas,monospace;overflow-wrap:anywhere}
body.script-editor-mode{overflow:hidden;background:#0b1220}body.script-editor-mode .sidebar,body.script-editor-mode .sidebar-overlay,body.script-editor-mode .main>header{display:none!important}body.script-editor-mode .main{margin-left:0;padding:0;min-height:100vh}body.script-editor-mode #content{padding:0;height:100vh;overflow:hidden}.script-editor-shell{display:grid;grid-template-columns:380px 1fr;gap:0;height:100vh;min-height:100vh;background:#0b1220}.script-editor-sidebar{position:sticky;top:0;display:grid;grid-template-rows:auto 1fr;gap:10px;height:100vh;min-height:0;padding:10px;background:#111827;border-right:1px solid #263449}.script-editor-chat,.script-editor-files,.script-editor-main{overflow:hidden}.script-editor-chat{border-radius:10px!important}.script-editor-chat textarea{width:100%;min-height:92px;padding:11px;border:1px solid #d7e2f0;border-radius:9px;resize:vertical;font:12px/1.45 Consolas,monospace}.script-editor-actions{display:flex;gap:8px;margin:9px 0}.script-editor-answer{padding:11px;border-radius:9px;background:#f5f8ff;border:1px solid #dfe8f6;color:#34425a;font-size:10px;line-height:1.45}.script-editor-answer p{margin:0 0 8px}.script-editor-answer ul{margin:8px 0 0;padding-left:16px;color:#6a7890}.script-editor-focus{display:flex;flex-wrap:wrap;gap:5px}.script-editor-focus span{padding:4px 7px;border-radius:999px;background:#e7efff;color:#315fc5;font-size:8px;font-weight:800}.script-editor-files{min-height:0;border-radius:10px!important}.script-editor-files>#script-editor-files{display:grid;gap:6px;height:100%;overflow:auto;padding-right:3px}.script-file{display:grid;gap:4px;width:100%;padding:10px;border:1px solid #dce5f2;border-radius:9px;background:#f8fbff;text-align:left;cursor:pointer}.script-file.active,.script-file:hover{border-color:#416fe5;background:#eef4ff}.script-file b{color:#21304a;font-size:11px}.script-file small{color:#7b8ba4;font-size:8px}.script-file span{color:#526176;font:10px/1.35 Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.script-editor-main{display:grid;grid-template-rows:auto 1fr;padding:0;border-radius:0!important;background:#101827!important;border:0!important}.script-editor-title{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #243249;background:#111b2d;color:#dce7f7}.script-editor-title b,.script-editor-title small{display:block}.script-editor-title small{margin-top:3px;color:#8fa3bf}.script-editor-workspace{display:grid;grid-template-columns:58px 1fr;min-height:0;height:100%}.script-editor-lines{padding:13px 9px;background:#0c1320;color:#62718a;text-align:right;font:12px/1.55 Consolas,monospace;white-space:pre;overflow:hidden;user-select:none}.script-editor-code-wrap{position:relative;min-height:0;height:100%;background:#101827;overflow:hidden}.script-editor-highlight,.script-editor-workspace textarea{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:13px 16px;border:0;outline:0;font:12px/1.55 Consolas,monospace;tab-size:4;white-space:pre;overflow:auto}.script-editor-highlight{pointer-events:none;background:#101827;color:#d4d4d4}.script-editor-workspace textarea{resize:none;background:transparent;color:transparent;caret-color:#ffffff;z-index:2}.script-editor-workspace textarea::selection{background:#345da8;color:transparent}.tok-keyword{color:#569cd6}.tok-string{color:#ce9178}.tok-comment{color:#6a9955}.tok-number{color:#b5cea8}.tok-var{color:#9cdcfe}.tok-name{color:#dcdcaa}.tok-match{display:inline-block;margin:0 1px;padding:0 2px;border-radius:3px;background:#f6d365;color:#1f2937;box-shadow:0 0 0 1px #ffe08a66}@media(max-width:1050px){body.script-editor-mode{overflow:auto}body.script-editor-mode #content{height:auto;overflow:visible}.script-editor-shell{grid-template-columns:1fr;height:auto}.script-editor-sidebar{position:relative;height:auto}.script-editor-code-wrap,.script-editor-highlight,.script-editor-workspace textarea{min-height:520px}}
.script-editor-chat{max-height:42vh;display:grid;grid-template-rows:auto 1fr}.script-editor-chat-scroll{min-height:0;overflow:auto;padding-right:3px}.script-editor-main{grid-template-rows:auto auto 1fr}.script-editor-index{margin:0!important;padding:10px 12px!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-top:0!important;background:#0f1726!important;border-color:#243249!important;box-shadow:none!important}.script-editor-index .card-head{margin-bottom:8px}.script-editor-index h3{color:#dce7f7}.script-index-list{display:flex;gap:7px;overflow:auto;padding-bottom:4px}.script-index-list button{min-width:220px;max-width:320px;padding:9px;border:1px solid #2b3d58;border-radius:9px;background:#111d31;color:#dce7f7;text-align:left;cursor:pointer}.script-index-list button:hover{border-color:#4f7cff;background:#162846}.script-index-list b,.script-index-list small,.script-index-list span{display:block}.script-index-list b{font-size:11px;color:#9cdcfe}.script-index-list small{margin-top:3px;color:#8fa3bf;font-size:8px}.script-index-list span{margin-top:5px;color:#c5d3e8;font:9px/1.35 Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.script-editor-chat-scroll::-webkit-scrollbar,#script-editor-files::-webkit-scrollbar,.script-index-list::-webkit-scrollbar,.script-editor-workspace textarea::-webkit-scrollbar{width:10px;height:10px}.script-editor-chat-scroll::-webkit-scrollbar-thumb,#script-editor-files::-webkit-scrollbar-thumb,.script-index-list::-webkit-scrollbar-thumb,.script-editor-workspace textarea::-webkit-scrollbar-thumb{background:#40516b;border-radius:10px}.script-editor-chat-scroll::-webkit-scrollbar-track,#script-editor-files::-webkit-scrollbar-track,.script-index-list::-webkit-scrollbar-track,.script-editor-workspace textarea::-webkit-scrollbar-track{background:#172133}
.script-editor-title{min-height:58px}.script-editor-title>div:first-child{min-width:0}.script-editor-title-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.script-icon-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid #344863;border-radius:10px;background:#17243a;color:#dce7f7;font-size:19px;font-weight:900;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff14,0 6px 14px #0002}.script-icon-btn:hover{background:#203451;border-color:#5f86d9;transform:translateY(-1px)}.script-icon-btn.primary{background:#2563eb;border-color:#5b8dff;color:#fff}.script-icon-btn.danger{background:#2b1d28;border-color:#7d3b55;color:#ff9caf}.script-editor-index{display:grid;grid-template-rows:auto minmax(74px,128px);max-height:182px}.script-index-list{align-content:start;max-height:128px;overflow:auto}.script-index-list button{min-width:250px;max-width:390px;white-space:normal}.script-index-list span{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:clip}
.accounting-table{min-width:820px}.accounting-table td:nth-last-child(1),.accounting-table td:nth-last-child(2),.accounting-table th:nth-last-child(1),.accounting-table th:nth-last-child(2){text-align:right}.accounting-table td{vertical-align:top}.accounting-table td:nth-child(4){font-weight:800;color:#315fc5}
.audit-flow-card{margin-bottom:14px;padding:15px 18px}.audit-flow-card>b{display:block;margin-bottom:12px}.audit-flow-card>div,.audit-flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.audit-flow-card span,.audit-flow-steps span{display:grid;grid-template-columns:25px 1fr;gap:2px 8px;padding:9px;border-radius:12px;background:rgba(255,255,255,.45);border:1px solid var(--line)}.audit-flow-card i,.audit-flow-steps i{grid-row:1/3;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#416fe5;color:#fff;font-style:normal;font-weight:800}.audit-flow-card strong,.audit-flow-steps strong{font-size:11px}.audit-flow-card small,.audit-flow-steps small{color:var(--muted);font-size:9px}.audit-flow-card p{margin:10px 0 0;color:#53627b;font-size:11px}.audit-decision-flow{margin:12px 0;padding:13px;border-radius:14px;background:#f5f8ff;border:1px solid var(--line)}.audit-responsibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.audit-responsibility-grid>div{padding:10px;border-radius:10px;background:#fff}.audit-responsibility-grid small,.audit-responsibility-grid span{display:block;margin-top:3px;color:var(--muted);font-size:10px}@media(max-width:800px){.audit-flow-card>div,.audit-flow-steps{grid-template-columns:1fr 1fr}}@media(max-width:500px){.audit-flow-card>div,.audit-flow-steps,.audit-responsibility-grid{grid-template-columns:1fr}}
.proportional-grid{display:grid;gap:8px;margin:14px 0}.proportional-grid label{display:grid;grid-template-columns:1fr 100px 110px;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.5)}.proportional-grid span b,.proportional-grid span small{display:block}.proportional-grid span small,.proportional-grid em{color:var(--muted);font-size:10px;font-style:normal}.proportional-grid input{width:100%}@media(max-width:600px){.proportional-grid label{grid-template-columns:1fr 80px}.proportional-grid em{display:none}}
.icon-btn{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.72);backdrop-filter:blur(9px) saturate(175%)}
.pos-topbar{background:linear-gradient(120deg,rgba(18,38,76,.54),rgba(44,49,103,.38));backdrop-filter:blur(14px) saturate(190%);box-shadow:0 4px 18px #17264044,inset 0 1px 0 rgba(255,255,255,.28)}.pos-topbar:before{background:conic-gradient(from 0deg,#126fff,#7545ff,#e92ac7,#ff4167,#ff9c12,#00ccb7,#126fff);opacity:.88;filter:blur(26px) saturate(220%) contrast(118%)}.pos-topbar:after{background:linear-gradient(110deg,rgba(10,27,58,.42),rgba(30,39,87,.18),rgba(12,35,67,.38))}.pos-kpis span{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.3)}.pos-top-actions button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28)}
.shelf-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:14px}.shelf-card{position:relative;overflow:hidden;border-left:5px solid var(--zone,#6688dd)}.shelf-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--zone-soft,#eaf0ff),transparent 62%);z-index:-1}.shelf-card small{color:var(--muted)}.shelf-meter{height:8px;border-radius:10px;background:#dfe7f2;overflow:hidden;margin:15px 0 8px}.shelf-meter i{display:block;height:100%;border-radius:10px;background:var(--zone,#6688dd)}.zone-minuman{--zone:#2f80ed;--zone-soft:#dcecff}.zone-snack{--zone:#f2994a;--zone-soft:#fff0da}.zone-sembako{--zone:#8b6f47;--zone-soft:#f4eadc}.zone-rokok{--zone:#636e72;--zone-soft:#e7eaeb}.zone-frozen-food{--zone:#23b5d3;--zone-soft:#dcf7fb}.zone-produk-promo{--zone:#eb4f9a;--zone-soft:#ffe2f0}.zone-impulse-kasir{--zone:#9b51e0;--zone-soft:#f1e4ff}.zone-lainnya{--zone:#27ae60;--zone-soft:#dff5e8}.zone-legend{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.zone-legend span{padding:6px 10px;border-radius:20px;border:1px solid var(--zone);background:var(--zone-soft);color:var(--zone);font-size:9px;font-weight:800}.store-layout{min-height:620px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(10,52px);gap:9px;background:linear-gradient(135deg,#f7faffaa,#edf3ffaa)}.layout-shelf{display:flex;flex-direction:column;justify-content:center;padding:10px;border:2px solid var(--zone);border-radius:12px;background:var(--zone-soft);color:var(--zone);box-shadow:0 7px 16px color-mix(in srgb,var(--zone) 18%,transparent);cursor:pointer;transition:.2s}.layout-shelf:hover{transform:translateY(-3px) scale(1.02)}.layout-shelf small{font-size:8px;margin-top:3px}.planogram-list{display:grid;gap:17px}.plano-rack{border-top:5px solid var(--zone)}.planogram-grid{display:grid;gap:6px}.plano-row{display:grid;grid-template-columns:70px repeat(auto-fit,minmax(110px,1fr));gap:6px;align-items:stretch;padding:7px;border-bottom:3px solid #b8c5d8;background:#f5f8fc}.plano-row>b{align-self:center;color:#66758b;font-size:9px}.plano-row span,.plano-row i{padding:9px;border:1px solid #dfe6ef;border-radius:8px;background:#fff;font-size:9px;font-style:normal}.plano-row span{font-weight:800}.plano-row span small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.plano-row span.low{border-color:#ff9aa5;background:#fff0f2;color:#b63140}.plano-row i{color:#9aa7b8;text-align:center}
@media(max-width:800px){.store-layout{grid-template-columns:repeat(8,1fr);overflow:auto}.layout-shelf{min-width:90px}.shelf-card-grid{grid-template-columns:1fr}.plano-row{grid-template-columns:60px 1fr 1fr}}
.placement-workspace{display:grid;grid-template-columns:.8fr 1.2fr;gap:17px}.drag-products{display:grid;gap:6px;max-height:390px;overflow:auto}.drag-products>div{padding:9px;border:1px solid #dfe7f2;border-radius:9px;background:#f7faff;cursor:grab}.drag-products b,.drag-products small,.drop-shelves b,.drop-shelves small{display:block}.drag-products small,.drop-shelves small{color:var(--muted);font-size:8px;margin-top:3px}.drop-shelves{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.drop-shelves>div{position:relative;min-height:74px;padding:11px;border:2px dashed var(--zone);border-radius:11px;background:var(--zone-soft);color:var(--zone);transition:.2s}.drop-shelves>div:hover{transform:translateY(-2px);box-shadow:0 7px 16px color-mix(in srgb,var(--zone) 18%,transparent)}.drop-shelves span{position:absolute;right:8px;top:8px;padding:3px 6px;border-radius:20px;background:#fff;font-size:8px;font-weight:800}@media(max-width:850px){.placement-workspace{grid-template-columns:1fr}.drop-shelves{grid-template-columns:1fr 1fr}}
@media(max-width:1050px){.pos-workspace{grid-template-columns:90px minmax(330px,1fr) 360px}.pos-kpis span:nth-child(2),.pos-kpis span:nth-child(3){display:none}.pos-categories button{font-size:9px}.pos-shortcuts{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.pos-mode{overflow:auto}.pos-shell{height:auto;min-height:100vh;grid-template-rows:auto auto auto}.pos-topbar{flex-wrap:wrap}.pos-kpis{order:3;min-width:100%}.pos-workspace{display:flex;flex-direction:column}.pos-categories{flex-direction:row;height:auto}.pos-categories button{min-width:100px}.pos-catalog{height:55vh}.pos-cart-panel{min-height:65vh}.pos-shortcuts{position:sticky;bottom:0;min-height:38px}}
.product-not-found{grid-column:1/-1;align-self:start;margin:30px auto;padding:24px;max-width:480px;text-align:center;border:1px dashed #e5a74b;border-radius:14px;background:#fff8e8;color:#80520f}.product-not-found b,.product-not-found span{display:block}.product-not-found span{font-size:11px;margin:8px 0 14px;color:#8f6c37}.product-not-found button{border:0;border-radius:9px;padding:10px 14px;background:#e7a627;color:#fff;font-weight:800;cursor:pointer}.notice-actions{display:flex;gap:4px}.notice-actions .btn{padding:5px 7px;font-size:9px}.order-notice-table th,.order-notice-table td{padding:7px;vertical-align:middle}.order-notice-table td:nth-child(3){min-width:160px}
.recommend-list{display:grid;gap:7px;margin-top:10px}.recommend-row{display:grid;grid-template-columns:minmax(150px,1fr) repeat(3,minmax(90px,auto)) auto;gap:10px;align-items:center;padding:10px;border:1px solid #e2e8f1;border-radius:10px;background:#fff}.recommend-row.best{border-color:#8bc8a9;background:#effaf4;box-shadow:0 5px 14px #1c9b6020}.recommend-row.best:before{content:"TERMURAH";position:absolute;transform:translate(5px,-28px);font-size:7px;font-weight:900;color:#168660;background:#d9f5e7;padding:3px 6px;border-radius:10px}.recommend-row>div b,.recommend-row>div small,.recommend-row>span small,.recommend-row>span b{display:block}.recommend-row small{color:var(--muted);font-size:8px}.recommend-row>span b{font-size:10px;margin-top:3px}.recommendation-modal{width:min(900px,96%)}@media(max-width:800px){.recommend-row{grid-template-columns:1fr 1fr}.recommend-row>div{grid-column:1/-1}}
.pending-info{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.pending-info span{padding:10px;border:1px solid #e0e7f0;border-radius:10px;background:#f6f9ff;color:var(--muted);font-size:9px}.pending-info b{display:block;margin-top:4px;color:var(--text);font-size:11px}@media(max-width:750px){.pending-info{grid-template-columns:1fr 1fr}}
.notice-timeline{display:grid;gap:0;margin-top:16px}.notice-timeline>div{position:relative;display:grid;grid-template-columns:20px 1fr;gap:10px;min-height:54px}.notice-timeline>div:not(:last-child):before{content:"";position:absolute;left:6px;top:14px;bottom:0;width:2px;background:#d8e3f5}.notice-timeline i{width:14px;height:14px;border:3px solid #d5e2ff;border-radius:50%;background:#416fe5;z-index:1}.notice-timeline b,.notice-timeline small{display:block}.notice-timeline b{font-size:11px}.notice-timeline small{color:var(--muted);font-size:9px;margin-top:4px}.kpi-table th,.kpi-table td{padding:7px 8px;white-space:nowrap}
.layout-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.layout-toolbar small{display:block;color:var(--muted);margin-top:4px}.store-layout{background-color:#f4f8ffaa;background-image:linear-gradient(#a9bad922 1px,transparent 1px),linear-gradient(90deg,#a9bad922 1px,transparent 1px),linear-gradient(135deg,#f7faffaa,#edf3ffaa);background-size:calc((100% - 99px)/12 + 9px) 61px,calc((100% - 99px)/12 + 9px) 61px,100% 100%;touch-action:none}.layout-shelf{position:relative;cursor:grab;user-select:none;touch-action:none}.layout-shelf.dragging{cursor:grabbing;z-index:5;transform:scale(1.035);opacity:.88;box-shadow:0 18px 34px color-mix(in srgb,var(--zone) 36%,transparent)}.layout-shelf i{position:absolute;right:6px;bottom:4px;font-size:7px;font-style:normal;opacity:.55}
.layout-tools{display:flex;flex-wrap:wrap;gap:6px}.layout-tools .btn{padding:7px 9px;font-size:9px}.layout-shelf.selected,.layout-object.selected{outline:3px solid #416fe588;outline-offset:2px}.resize-handle{position:absolute!important;right:3px!important;bottom:2px!important;width:17px;height:17px;display:grid;place-items:center;border-radius:5px;background:#ffffffcc;color:#315fc5!important;font-size:10px!important;font-style:normal!important;opacity:1!important;cursor:nwse-resize;box-shadow:0 2px 5px #0002}.layout-object{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:8px;color:var(--object-color);font-size:9px;font-weight:900;cursor:grab;user-select:none;touch-action:none}.layout-object.object-door{border:3px solid var(--object-color);border-top:0;background:#e5f8ec}.layout-object.object-wall{border-radius:2px;background:var(--object-color);color:#fff;min-height:8px}.layout-object.object-area{border:2px dashed var(--object-color);background:color-mix(in srgb,var(--object-color) 9%,transparent)}.layout-object.dragging{z-index:8;opacity:.8;box-shadow:0 12px 25px #0003}
.layout-copy{position:absolute;z-index:4;right:24px;bottom:2px;width:17px;height:17px;border:1px solid #ffffffcc;border-radius:5px;background:#ffffffd9;color:#315fc5;font-size:11px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 2px 5px #0002;opacity:.68;transition:.18s}.layout-shelf:hover .layout-copy,.layout-object:hover .layout-copy,.selected .layout-copy{opacity:1;transform:translateY(-1px)}
.layout-delete{position:absolute;z-index:12;right:44px;bottom:2px;width:17px;height:17px;border:1px solid #fff;border-radius:5px;background:#e74a58;color:#fff;font-size:13px;font-weight:900;line-height:1;cursor:pointer;pointer-events:auto;box-shadow:0 2px 5px #0002;opacity:.72}.layout-object:hover .layout-delete,.layout-object.selected .layout-delete,.layout-shelf:hover .layout-delete,.layout-shelf.selected .layout-delete{opacity:1}
.architectural-door{overflow:visible!important;border:0!important;background:transparent!important;justify-content:flex-start!important}.architectural-door>b{position:absolute;left:3px;top:3px;padding:2px 5px;border-radius:8px;background:#ffffffd9;color:#263e68;font-size:7px}.door-symbol{position:absolute;inset:8% 8% 16%;border-bottom:4px solid var(--object-color);border-left:4px solid var(--object-color)}.door-leaf{position:absolute!important;left:0!important;bottom:0!important;width:72%!important;height:4px!important;background:var(--object-color)!important;transform-origin:left center;transform:rotate(-52deg);opacity:1!important}.door-swing{position:absolute!important;left:0!important;bottom:0!important;width:72%!important;height:72%!important;border:2px dashed color-mix(in srgb,var(--object-color) 65%,transparent);border-left:0;border-bottom:0;border-radius:0 100% 0 0;opacity:.8!important}
.layout-selection-box{position:absolute;z-index:20;pointer-events:none;border:2px solid #356ee8;border-radius:7px;background:#4d82ed24;box-shadow:0 0 0 1px #fff8 inset}.store-layout{position:relative}.layout-shelf.selected,.layout-object.selected{z-index:6;outline-color:#2563eb;box-shadow:0 0 0 4px #4b83ef24,0 9px 20px #315fc52e}
.layout-canvas-wrap{position:relative;padding:25px 34px 34px;overflow:auto}.layout-canvas-wrap .store-layout{width:min(100%,1100px);min-width:680px;min-height:620px;grid-template-columns:repeat(var(--layout-cols),1fr);grid-template-rows:repeat(var(--layout-rows),1fr);gap:0;border:4px solid #263e68;border-radius:3px;background-size:calc(100%/var(--layout-cols)) calc(100%/var(--layout-rows)),calc(100%/var(--layout-cols)) calc(100%/var(--layout-rows)),100% 100%;box-shadow:0 12px 30px #20395c25,inset 0 0 0 2px #fff}.layout-ruler{position:absolute;left:34px;top:2px;color:#48617f;font-size:9px;font-weight:800}.layout-ruler.vertical{left:5px;top:34px;writing-mode:vertical-rl}.layout-dim{position:absolute;z-index:10;pointer-events:none;color:#244b91;font-size:8px;font-weight:900;line-height:1;white-space:nowrap;text-shadow:0 1px #fff}.layout-dim:before,.layout-dim:after{content:"";position:absolute;background:#4772bf}.layout-dim-w{left:0;right:0;top:-13px;text-align:center;border-top:1px solid #4772bf;padding-top:2px}.layout-dim-w:before,.layout-dim-w:after{top:-3px;width:1px;height:6px}.layout-dim-w:before{left:0}.layout-dim-w:after{right:0}.layout-dim-h{top:0;bottom:0;left:-16px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;border-left:1px solid #4772bf;padding-left:2px}.layout-dim-h:before,.layout-dim-h:after{left:-3px;width:6px;height:1px}.layout-dim-h:before{top:0}.layout-dim-h:after{bottom:0}.layout-tools label{display:grid;gap:3px;color:var(--muted);font-size:8px;font-weight:700}.layout-tools input{width:76px;padding:6px;border:1px solid #d9e3f1;border-radius:7px;background:#fff}
.floor-tile{z-index:0;pointer-events:none;background:transparent;border:1px solid #aeb8c488;box-sizing:border-box}.floor-tile.active{background:#ffffffc7}.floor-edge-handle{position:relative;z-index:3;pointer-events:none;font-style:normal}.floor-edge-handle:after{content:"";position:absolute;background:#16263f;box-shadow:0 0 0 1px #fff}.floor-edge-handle.edge-t:after{left:0;right:0;top:0;height:2px}.floor-edge-handle.edge-b:after{left:0;right:0;bottom:0;height:2px}.floor-edge-handle.edge-l:after{left:0;top:0;bottom:0;width:2px}.floor-edge-handle.edge-r:after{right:0;top:0;bottom:0;width:2px}.store-layout.floor-edit .floor-edge-handle{pointer-events:auto}.store-layout.floor-edit .floor-edge-handle:after{background:#2867dc;box-shadow:0 0 0 3px #4f83e733}.store-layout.floor-edit .edge-t,.store-layout.floor-edit .edge-b{cursor:ns-resize}.store-layout.floor-edit .edge-l,.store-layout.floor-edit .edge-r{cursor:ew-resize}.store-layout.floor-edit [data-kind]{pointer-events:none;opacity:.42}.floor-mode-btn.primary{background:#315fc5;color:#fff}
.layout-canvas-wrap .store-layout{border:0;box-shadow:0 12px 30px #20395c25}
.layout-shelf,.layout-object{--layout-rotation:0deg;transform:rotate(var(--layout-rotation));transform-origin:center center}.layout-shelf:hover{transform:rotate(var(--layout-rotation)) translateY(-3px) scale(1.02)}.layout-shelf.dragging{transform:rotate(var(--layout-rotation)) scale(1.035)}.layout-object.dragging{transform:rotate(var(--layout-rotation)) scale(1.035)}.layout-rotate{position:absolute;z-index:12;right:64px;bottom:2px;width:17px;height:17px;border:1px solid #fff;border-radius:5px;background:#315fc5;color:#fff;font-size:12px;font-weight:900;line-height:1;cursor:pointer;pointer-events:auto;box-shadow:0 2px 5px #0002;opacity:.72}.layout-object:hover .layout-rotate,.layout-object.selected .layout-rotate,.layout-shelf:hover .layout-rotate,.layout-shelf.selected .layout-rotate{opacity:1;transform:translateY(-1px)}
.relayout-queue{border-left:5px solid #e98b28;background:#fff9ed}.relayout-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.relayout-items>div{padding:10px;border:1px solid #f0d8b4;border-radius:10px;background:#fff;cursor:grab}.relayout-items b,.relayout-items small,.relayout-items span{display:block}.relayout-items small{margin:3px 0;color:var(--muted);font-size:8px}.relayout-items span{color:#b36815;font-size:8px;font-weight:800}
.jobdesk-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,#edf4ff,#fff);border-left:6px solid #416fe5}.jobdesk-hero h2{margin:9px 0 5px;font-size:22px}.jobdesk-hero p{max-width:700px;color:var(--muted);line-height:1.5}.jobdesk-hero-stat{min-width:150px;text-align:center;padding:16px;border-radius:15px;background:#416fe5;color:#fff}.jobdesk-hero-stat b,.jobdesk-hero-stat span{display:block}.jobdesk-hero-stat b{font-size:28px}.jobdesk-hero-stat span{font-size:9px;margin-top:4px}.jobdesk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.jobdesk-card{--job:#416fe5;padding:15px;border-top:4px solid var(--job)}.jobdesk-card.green{--job:#24a86b}.jobdesk-card.purple{--job:#8555d6}.jobdesk-card.orange{--job:#e78a28}.jobdesk-card.cyan{--job:#179baa}.jobdesk-card.red{--job:#d94a58}.jobdesk-head{display:flex;align-items:center;gap:8px;margin-bottom:11px}.jobdesk-head span{width:9px;height:9px;border-radius:50%;background:var(--job);box-shadow:0 0 0 5px color-mix(in srgb,var(--job) 15%,transparent)}.jobdesk-head h3{margin-right:auto;font-size:13px}.jobdesk-head b{padding:3px 7px;border-radius:20px;background:color-mix(in srgb,var(--job) 12%,white);color:var(--job);font-size:9px}.jobdesk-card ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.jobdesk-card li{display:grid;grid-template-columns:16px 1fr;gap:6px;align-items:start;color:#58677b;font-size:10px;line-height:1.4}.jobdesk-card li i{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:color-mix(in srgb,var(--job) 13%,white);color:var(--job);font-size:8px;font-style:normal;font-weight:900}.jobdesk-kpi>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.jobdesk-kpi span{padding:11px;border:1px solid #e0e7f0;border-radius:10px;background:#f8faff}.jobdesk-kpi b,.jobdesk-kpi strong{display:block}.jobdesk-kpi b{color:var(--muted);font-size:9px}.jobdesk-kpi strong{margin-top:5px;color:#315fc5;font-size:12px}@media(max-width:1050px){.jobdesk-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.jobdesk-grid,.jobdesk-kpi>div:last-child{grid-template-columns:1fr}.jobdesk-hero{align-items:flex-start;flex-direction:column}.jobdesk-hero-stat{width:100%}}
.sop-doc-page{display:grid;gap:12px}.sop-doc-tabs{margin:0}.sop-doc-tabs button{min-width:96px}.sop-doc-toolbar{justify-content:flex-end;margin:0}.sop-print-area.editing{outline:2px dashed #416fe5;outline-offset:8px;border-radius:12px}.sop-print-area.editing .card{box-shadow:0 0 0 1px #416fe544,0 12px 30px rgba(49,95,197,.1)}.org-chart{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}.org-node{position:relative;padding:14px;border:1px solid #dfe8f4;border-radius:10px;background:#f8fbff;text-align:center}.org-node b,.org-node small{display:block}.org-node b{color:#21304a;font-size:12px}.org-node small{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.35}.org-0{grid-column:1/5;background:#edf4ff;border-color:#416fe5}.org-1{grid-column:1/5;background:#effaf4;border-color:#24a86b}.org-2{grid-column:1/5;background:#f5efff;border-color:#8555d6}.org-0:after,.org-1:after,.org-2:after{content:"";position:absolute;left:50%;bottom:-15px;width:1px;height:14px;background:#b9c6dc}.org-3,.org-4,.org-5,.org-6{background:#fff}@media(max-width:800px){.org-chart{grid-template-columns:1fr}.org-0,.org-1,.org-2{grid-column:auto}.org-0:after,.org-1:after,.org-2:after{display:none}}@media print{body.printing-sop .sidebar,body.printing-sop .sidebar-overlay,body.printing-sop .main>header,body.printing-sop .sop-doc-hero,body.printing-sop .sop-doc-tabs,body.printing-sop .sop-doc-toolbar,body.printing-sop #toast,body.printing-sop .connection-status{display:none!important}body.printing-sop .main{margin:0!important;padding:0!important}body.printing-sop #content{padding:0!important}body.printing-sop .sop-print-area{display:block!important}body.printing-sop .card{box-shadow:none!important;border:1px solid #d8dee9!important;break-inside:avoid}body.printing-sop .jobdesk-grid{grid-template-columns:1fr 1fr!important}body.printing-sop .org-chart{grid-template-columns:repeat(4,1fr)!important}body.printing-sop{background:#fff!important}}
.org-node.org-active{border-width:2px;box-shadow:inset 0 0 0 1px rgba(65,111,229,.16),0 8px 18px rgba(49,95,197,.1)}
.org-node.org-role-only{grid-column:auto;background:#fff}
.org-hierarchy{display:block;padding:24px;overflow:auto}.org-hierarchy ul{position:relative;display:flex;justify-content:center;gap:18px;margin:0;padding:30px 0 0;list-style:none}.org-hierarchy>ul{padding-top:0}.org-hierarchy li{position:relative;display:grid;justify-items:center;min-width:150px}.org-hierarchy li:before,.org-hierarchy li:after{content:"";position:absolute;top:0;width:50%;height:22px;border-top:1px solid #b9c6dc}.org-hierarchy li:before{right:50%;border-right:1px solid #b9c6dc}.org-hierarchy li:after{left:50%;border-left:1px solid #b9c6dc}.org-hierarchy li:only-child:before,.org-hierarchy li:only-child:after{display:none}.org-hierarchy li:first-child:before,.org-hierarchy li:last-child:after{border-top:0}.org-hierarchy li:first-child:after{border-radius:8px 0 0 0}.org-hierarchy li:last-child:before{border-radius:0 8px 0 0}.org-hierarchy ul ul:before{content:"";position:absolute;top:0;left:50%;height:30px;border-left:1px solid #b9c6dc}.org-hierarchy .org-node{min-width:150px;max-width:210px;background:#fff;box-shadow:0 9px 20px rgba(49,95,197,.08)}.org-hierarchy>ul>li>.org-node{background:#edf4ff;border-color:#416fe5}.org-editor-modal{width:min(920px,96%)}.org-drop-root{margin-bottom:10px;padding:12px;border:2px dashed #b7c7e3;border-radius:12px;background:#f7fbff;color:#60718b;font-size:10px;font-weight:900;text-align:center}.org-editor-row{display:grid;grid-template-columns:34px minmax(260px,1fr) minmax(170px,.45fr) auto;gap:9px;align-items:center;margin-bottom:8px;padding:9px;border:1px solid #dfe7f2;border-radius:12px;background:#fff}.org-editor-row.dragging{opacity:.65;box-shadow:0 10px 24px rgba(49,95,197,.16)}.org-editor-row input,.org-editor-row select{width:100%;min-width:0;padding:9px;border:1px solid #dce5f2;border-radius:9px;background:#fbfdff}.org-editor-row>div{display:grid;grid-template-columns:.55fr 1fr;gap:7px}.org-drag-handle{width:32px;height:32px;border:1px solid #dbe5f2;border-radius:9px;background:#edf4ff;color:#315fc5;font-weight:900;cursor:grab}.org-editor-row .btn{padding:8px 10px;font-size:9px}@media(max-width:760px){.org-hierarchy{padding:14px}.org-hierarchy ul{justify-content:flex-start}.org-editor-row{grid-template-columns:32px 1fr}.org-editor-row>div,.org-editor-row select,.org-editor-row .btn{grid-column:2}.org-editor-row>div{grid-template-columns:1fr}.org-drop-root{text-align:left}}@media print{body.printing-sop .org-hierarchy{display:block!important;overflow:visible!important}body.printing-sop .org-hierarchy ul{gap:8px!important}body.printing-sop .org-hierarchy .org-node{min-width:120px;max-width:170px}}
.org-free-canvas{position:relative;display:block;min-height:260px;min-width:560px;padding:0;overflow:hidden;background:#f8fbff;background-image:linear-gradient(#dce7f466 1px,transparent 1px),linear-gradient(90deg,#dce7f466 1px,transparent 1px);background-size:24px 24px;border:1px solid #dfe8f4;border-radius:12px}.org-free-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.org-free-lines path{fill:none;stroke:#8da4c4;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter;shape-rendering:geometricPrecision;vector-effect:non-scaling-stroke;pointer-events:none}.org-free-editing .org-free-lines{pointer-events:auto}.org-free-editing .org-manual-line{cursor:pointer;pointer-events:stroke;stroke-width:2.2}.org-free-editing .org-manual-line:hover{stroke:#e34c4c}.org-connection-guide{fill:none;stroke:#315fc5;stroke-width:2;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;pointer-events:none}.org-line-delete{font-size:12px;font-weight:900;fill:#e34c4c;stroke:#fff;stroke-width:3;paint-order:stroke;cursor:pointer;pointer-events:all}.org-line-handle{fill:#315fc5;stroke:#fff;stroke-width:2;cursor:ns-resize;pointer-events:all;filter:drop-shadow(0 2px 4px rgba(49,95,197,.3))}.org-canvas-node{position:absolute;z-index:2;width:132px;min-height:54px;padding:8px 9px;border-radius:8px;background:#fff;box-shadow:0 6px 14px rgba(49,95,197,.09);user-select:none}.org-canvas-node b{font-size:10px;line-height:1.15}.org-canvas-node small{margin-top:4px;font-size:7px;line-height:1.25}.org-canvas-node span{position:absolute;right:6px;bottom:4px;color:#8aa0bf;font-size:7px;font-weight:900}.org-free-editing{cursor:default}.org-free-editing .org-canvas-node{cursor:grab;touch-action:none}.org-free-editing .org-canvas-node.dragging{cursor:grabbing;z-index:5;opacity:.9;box-shadow:0 14px 28px rgba(49,95,197,.24);transform:scale(1.03)}.org-editor-help{margin:0 0 10px;padding:10px 12px;border:1px solid #dfe8f4;border-radius:11px;background:#f7fbff;color:#5f7089;font-size:10px;font-weight:800}.org-editor-canvas-wrap{width:100%;max-height:390px;margin-bottom:12px;overflow:auto;border-radius:12px;border:1px solid #dfe8f4}.org-editor-canvas-wrap .org-free-canvas{border:0;border-radius:0}@media(max-width:760px){.org-free-canvas{min-width:560px}.org-editor-canvas-wrap{max-height:340px}}@media print{body.printing-sop .org-free-canvas{display:block!important;overflow:visible!important;background:#fff!important;min-width:0!important;width:100%!important}body.printing-sop .org-canvas-node span,body.printing-sop .org-line-handle,body.printing-sop .org-line-delete{display:none!important}}
.org-pole{position:absolute;display:block;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#315fc5;box-shadow:0 2px 5px rgba(49,95,197,.35);pointer-events:all;cursor:crosshair}.org-pole.top{left:50%;top:-5px;transform:translateX(-50%)}.org-pole.right{right:-5px;top:50%;transform:translateY(-50%)}.org-pole.bottom{left:50%;bottom:-5px;transform:translateX(-50%)}.org-pole.left{left:-5px;top:50%;transform:translateY(-50%)}.org-canvas-node .org-drag-label{position:absolute;right:6px;bottom:4px;color:#8aa0bf;font-size:7px;font-weight:900}.org-free-editing .org-canvas-node:hover .org-pole,.org-pole:hover{background:#15a36d}
.recruit-sk{padding:28px;color:#17233d}.sk-head{text-align:center;border-bottom:2px solid #17233d;margin-bottom:18px;padding-bottom:14px}.sk-head h2,.sk-head h3{margin:0}.sk-head h2{font-size:20px}.sk-head h3{margin-top:6px;font-size:16px}.sk-meta{display:grid;gap:6px;margin:16px 0;padding:14px;border:1px solid #d8dee9;border-radius:8px;background:#fbfcff}.sk-meta div{display:grid;grid-template-columns:170px 12px 1fr;gap:8px}.sk-meta.compact{grid-template-columns:1fr 1fr}.sk-meta.compact div{grid-template-columns:120px 12px 1fr}.sk-points{line-height:1.65}.sk-signatures{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:64px;text-align:center}.sk-signatures.three{grid-template-columns:repeat(3,1fr);gap:34px}.sk-signatures span,.sk-signatures b{display:block}.sk-signatures b{margin-top:70px;border-top:1px solid #17233d;padding-top:8px}.sk-page-break{break-after:page;page-break-after:always}
@media print{body.printing-sop .recruit-sk.card{break-inside:auto!important;page-break-inside:auto!important;border:0!important;padding:16mm 13mm!important}body.printing-sop .recruit-sk .sk-head{margin-bottom:10px!important;padding-bottom:9px!important}body.printing-sop .recruit-sk .sk-meta{gap:4px!important;margin:10px 0!important;padding:9px!important}body.printing-sop .recruit-sk .sk-points{margin:8px 0 0!important;line-height:1.38!important}body.printing-sop .sk-signatures{break-inside:avoid!important;page-break-inside:avoid!important;margin-top:34px!important}body.printing-sop .sk-signatures>*{break-inside:avoid!important;page-break-inside:avoid!important}body.printing-sop .sk-signatures b{margin-top:46px!important;padding-top:6px!important}}
.about-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;background:linear-gradient(135deg,rgba(224,237,255,.88),rgba(255,255,255,.68),rgba(237,226,255,.72));overflow:hidden;position:relative}.about-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-130px;background:linear-gradient(135deg,#668cff55,#d959bd44);filter:blur(8px)}.about-hero>div{position:relative;z-index:1}.about-hero h2{margin:10px 0 6px;font-size:28px}.about-hero p{max-width:720px;color:var(--muted);line-height:1.6}.about-actions{display:flex;gap:8px;margin-top:16px}.about-actions a{text-decoration:none}.about-logo{min-width:112px;width:112px;height:112px;border-radius:32px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:14px 18px 35px rgba(58,80,150,.25),inset 2px 2px 3px rgba(255,255,255,.48)}.about-logo img{width:100%;height:100%;object-fit:cover}.about-stats{margin-top:16px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.about-module{--about:#416fe5;border-top:4px solid var(--about);padding:16px}.about-module:nth-child(2n){--about:#8a55d0}.about-module:nth-child(3n){--about:#20a078}.about-module:nth-child(4n){--about:#e4872e}.about-module h3{margin:0 0 5px;font-size:14px}.about-module p{margin:0 0 12px;color:var(--muted);font-size:10px;line-height:1.5}.about-module ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.about-module li{position:relative;padding-left:14px;color:#526176;font-size:10px;line-height:1.45}.about-module li:before{content:"";position:absolute;left:0;top:5px;width:6px;height:6px;border-radius:50%;background:var(--about)}.about-architecture{margin-top:16px}.about-architecture>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.about-architecture span{padding:12px;border-radius:12px;background:#f5f8ff;border:1px solid #e0e8f4}.about-architecture span b,.about-architecture span small{display:block}.about-architecture span small{margin-top:4px;color:var(--muted);font-size:9px}@media(max-width:1000px){.about-grid{grid-template-columns:1fr 1fr}.about-architecture>div:last-child{grid-template-columns:1fr 1fr}}@media(max-width:650px){.about-hero{align-items:flex-start;flex-direction:column}.about-logo{width:88px;min-width:88px;height:88px;font-size:42px}.about-grid,.about-architecture>div:last-child{grid-template-columns:1fr}.about-actions{flex-wrap:wrap}}
.setup-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;background:linear-gradient(135deg,#edf4ffcc,#ffffffb8,#f0eaffaa)}.setup-intro h3{margin:8px 0 4px;font-size:20px}.setup-intro p{margin:0;color:var(--muted)}.setup-intro>div:last-child{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 10px;padding:12px 18px;border-radius:15px;background:#ffffff99;border:1px solid #fff}.setup-intro>div:last-child b{color:#315fc5;font-size:18px}.setup-intro>div:last-child span{color:var(--muted);font-size:9px}.setup-groups{display:grid;gap:16px}.setup-group{padding:17px;border-top:4px solid #416fe5}.setup-group-head,.setup-area-head,.setup-branch{display:flex;align-items:center;gap:10px}.setup-group-head>div,.setup-area-head>div,.setup-branch>div{margin-right:auto}.setup-group-head h3{margin:6px 0 3px;font-size:18px}.setup-group-head small,.setup-area-head small,.setup-branch small,.setup-branch em{display:block;color:var(--muted);font-size:9px;font-style:normal;margin-top:3px}.setup-area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.setup-area{overflow:hidden;border:1px solid #dfe7f3;border-radius:14px;background:#f9fbff}.setup-area-head{padding:11px 12px;background:#edf3ff}.setup-area-head .btn,.setup-branch .btn{padding:6px 9px;font-size:9px}.setup-branch-list{display:grid}.setup-branch{padding:10px 12px;border-top:1px solid #e6ecf4;background:#ffffffa8}.setup-branch b{font-size:11px}.setup-branch em{color:#416dba}.setup-group .empty{padding:18px}@media(max-width:900px){.setup-area-grid{grid-template-columns:1fr}}@media(max-width:650px){.setup-intro,.setup-group-head,.setup-area-head,.setup-branch{align-items:flex-start;flex-direction:column}.setup-intro>div:last-child{width:100%}.setup-group-head>div,.setup-area-head>div,.setup-branch>div{margin-right:0}.setup-group-head .btn,.setup-area-head .btn,.setup-branch .btn{width:100%}}

/* Card tetap glass, tetapi teks tidak diraster ulang sehingga terlihat tajam. */
.card{position:relative;top:0;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 12px 30px rgba(40,70,130,.12),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:none;-webkit-backdrop-filter:none;transform:none!important;will-change:auto;transition:top .22s ease,box-shadow .22s ease,border-color .22s ease;color:#17233d;text-rendering:optimizeLegibility}
.card:hover,.card.stat:hover{top:-5px;transform:none!important;border-color:#fff!important;box-shadow:0 27px 58px rgba(35,65,125,.22),0 8px 18px rgba(52,84,150,.12),inset 0 1px 0 #fff}
.card h1,.card h2,.card h3,.card h4,.card b,.card strong,.card td{opacity:1;text-shadow:none}
@media(prefers-reduced-motion:reduce){.card,.card:hover{transition:none;top:0;transform:none!important}}
.employee-photo{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#668cff,#2bb6a7);color:#fff;font-weight:900;box-shadow:0 5px 12px #315fc533}.employee-photo img{width:100%;height:100%;object-fit:cover}.employee-table th,.employee-table td{padding:7px 8px;white-space:nowrap}.employee-table td:nth-child(3) small{display:block;margin-top:3px}.shift-calendar{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px}.shift-day{display:grid;gap:5px;padding:14px}.shift-day>b{color:#315fc5;font-size:11px}.shift-day>span{color:#71809d;font-size:9px}.shift-day>strong{margin-top:5px}.shift-day>small{color:#71809d}.shift-day .badge{justify-self:start;margin-top:5px}.modal-box.wide{width:min(850px,100%)}@media(max-width:760px){.shift-calendar{grid-template-columns:1fr}.employee-table th,.employee-table td{white-space:normal}}
.benefit-policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:13px}.benefit-policy-grid .card{display:grid;gap:7px;padding:15px}.benefit-policy-grid .card b{color:#315fc5}.benefit-policy-grid .card small{display:block}.benefit-policy-grid .card p{margin:2px 0;color:var(--muted);font-size:10px;line-height:1.45}.bonus-weight-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.bonus-weight-grid>div{padding:13px;border:1px solid #dfe7f3;border-radius:11px;background:#f7faff;text-align:center}.bonus-weight-grid b,.bonus-weight-grid span{display:block}.bonus-weight-grid b{color:#315fc5;font-size:18px}.bonus-weight-grid span{margin-top:4px;color:var(--muted);font-size:9px}@media(max-width:900px){.bonus-weight-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.bonus-weight-grid{grid-template-columns:repeat(2,1fr)}}
.award-event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}.award-event{padding:16px;overflow:hidden}.award-event .card-head h3{margin-top:7px}.award-event>p{min-height:30px;color:var(--muted);font-size:10px;line-height:1.45}.award-prize{display:flex;justify-content:space-between;gap:10px;margin:11px 0;padding:10px;border-radius:11px;background:linear-gradient(135deg,#fff5cf,#fffaf0);border:1px solid #f2dda2;color:#8a6412}.award-nominees{display:grid;gap:8px;margin-top:13px}.award-rank{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:11px;border:1px solid #e0e7f2;border-radius:11px;background:#f9fbff}.award-rank>b,.award-rank>span,.award-rank>small,.award-rank>div{grid-column:1/-1}.award-rank>span,.award-rank>small{color:var(--muted);font-size:8px}.award-rank>strong{position:absolute;right:11px;top:10px;color:#315fc5;font-size:18px}.award-rank.rank-1{border-color:#edcf73;background:linear-gradient(135deg,#fff9e4,#fff)}.award-rank.rank-1>b{color:#8a6412}.award-rank .btn{padding:5px 8px;font-size:8px}
.fraud-warning{display:flex;align-items:center;gap:13px;margin-bottom:15px;padding:13px;border:1px solid #f0d49d!important;background:linear-gradient(135deg,#fff8e7,#fff)}.fraud-warning b{color:#9a6515;white-space:nowrap}.fraud-warning span{color:#745f3c;font-size:10px}.fraud-tabs{display:flex;gap:6px;margin-bottom:12px}.fraud-tabs button{padding:8px 12px;border:1px solid #dce5f2;border-radius:20px;background:#fff;color:#64748a;font-weight:800;font-size:9px;cursor:pointer}.fraud-tabs button.active{background:#315fc5;color:#fff;border-color:#315fc5}.fraud-evidence{margin:14px 0;padding:13px;border:1px solid #efd8a8;border-radius:11px;background:#fff9ec}.fraud-evidence p{color:#66583f;font-size:10px;line-height:1.5}.fraud-evidence span{display:block;text-align:right}.fraud-actions{flex-wrap:wrap}.form-grid textarea{min-height:80px;padding:10px;border:1px solid #dbe3ef;border-radius:9px;resize:vertical}
.fraud-audit-table{table-layout:fixed;font-size:10px}.fraud-audit-table th,.fraud-audit-table td{padding:9px 7px;white-space:normal;overflow-wrap:anywhere;vertical-align:top}.fraud-audit-table th:nth-child(1){width:8%}.fraud-audit-table th:nth-child(2){width:15%}.fraud-audit-table th:nth-child(3){width:11%}.fraud-audit-table th:nth-child(4){width:20%}.fraud-audit-table th:nth-child(5){width:12%}.fraud-audit-table th:nth-child(6){width:13%}.fraud-audit-table th:nth-child(7){width:13%}.fraud-audit-table th:nth-child(8){width:8%}.fraud-audit-table small{display:block;margin-top:3px;line-height:1.35}.fraud-audit-table .btn{padding:7px 9px;font-size:9px}
.fraud-audit-table{min-width:1260px;font-size:11px;table-layout:fixed}.fraud-audit-table th,.fraud-audit-table td{padding:12px 10px;line-height:1.35;vertical-align:top}.fraud-audit-table th{font-size:10px}.fraud-audit-table td b{font-size:11px;line-height:1.35}.fraud-audit-table td small{font-size:9px;line-height:1.45}.fraud-audit-table th:nth-child(1),.fraud-audit-table td:nth-child(1){width:58px}.fraud-audit-table th:nth-child(2),.fraud-audit-table td:nth-child(2){width:150px}.fraud-audit-table th:nth-child(3),.fraud-audit-table td:nth-child(3){width:130px}.fraud-audit-table th:nth-child(4),.fraud-audit-table td:nth-child(4){width:90px;white-space:nowrap}.fraud-audit-table th:nth-child(5),.fraud-audit-table td:nth-child(5){width:370px}.fraud-audit-table td:nth-child(5) small{font-size:10px}.fraud-audit-table th:nth-child(6),.fraud-audit-table td:nth-child(6){width:112px}.fraud-audit-table th:nth-child(7),.fraud-audit-table td:nth-child(7){width:120px}.fraud-audit-table th:nth-child(8),.fraud-audit-table td:nth-child(8){width:124px}.fraud-audit-table th:nth-child(9),.fraud-audit-table td:nth-child(9){width:106px;text-align:center;white-space:normal;overflow-wrap:normal}.fraud-audit-table td:nth-child(6),.fraud-audit-table td:nth-child(8){text-align:right}.fraud-audit-table td:nth-child(6) small,.fraud-audit-table td:nth-child(8) small{text-align:right}.fraud-audit-table .badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.fraud-audit-table .btn{display:inline-flex;align-items:center;justify-content:center;min-width:82px;white-space:nowrap;padding:8px 11px;font-size:10px;line-height:1.1}
.fraud-audit-table th:nth-child(9),.fraud-audit-table td:nth-child(9){position:sticky;right:0;z-index:2;background:rgba(255,255,255,.94);box-shadow:-8px 0 14px rgba(40,70,130,.08)}.fraud-audit-table th:nth-child(9){z-index:3;background:#fff6c8}
.closed-audit-table{min-width:1120px;table-layout:fixed;font-size:10px}.closed-audit-table th,.closed-audit-table td{padding:10px 9px;vertical-align:top;white-space:normal;overflow-wrap:anywhere}.closed-audit-table th:nth-child(1){width:14%}.closed-audit-table th:nth-child(2){width:9%}.closed-audit-table th:nth-child(3){width:17%}.closed-audit-table th:nth-child(4){width:10%}.closed-audit-table th:nth-child(5){width:12%}.closed-audit-table th:nth-child(6){width:12%}.closed-audit-table th:nth-child(7){width:10%}.closed-audit-table th:nth-child(8){width:16%}.closed-audit-table td:nth-child(4),.closed-audit-table td:nth-child(6){text-align:right}.closed-audit-table td:nth-child(4) small,.closed-audit-table td:nth-child(6) small{white-space:nowrap}.closed-audit-table small{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.4}.closed-audit-table .badge{display:inline-block;margin:0 3px 4px 0;padding:4px 7px}.closed-audit-note{display:-webkit-box!important;margin-top:0!important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4}@media(max-width:900px){.closed-audit-table{min-width:980px}}
.sanction-history{display:grid;gap:6px;margin:12px 0;padding:11px;border:1px solid #e0e7f1;border-radius:10px;background:#f8faff}.sanction-history span{font-size:9px;color:var(--muted)}.sanction-history .badge{margin-right:5px}.sanction-legal{display:none}
.setup-wizard{display:grid;gap:16px;padding-bottom:76px}.setup-wizard-head{display:grid;gap:18px}.setup-wizard-head h3{margin:8px 0 4px;font-size:22px}.setup-wizard-head p{margin:0;color:var(--muted)}.setup-progress{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.setup-progress button{display:grid;gap:5px;justify-items:center;padding:8px 4px;border:1px solid #dce5f2;border-radius:11px;background:#f7f9fd;color:#8190a7;cursor:pointer}.setup-progress b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e5ebf5}.setup-progress span{font-size:8px;font-weight:800}.setup-progress button.active{border-color:#8eaaef;background:#edf3ff;color:#315fc5}.setup-progress button.active b{background:#416fe5;color:#fff}.setup-step{display:none;min-height:390px}.setup-step.active{display:block}.setup-step textarea{min-height:75px;padding:10px;border:1px solid #dbe3ef;border-radius:10px;resize:vertical}.setup-switch{justify-content:center;min-height:43px;padding:10px 12px;border:1px solid #dfe7f2;border-radius:11px;background:#f8faff;color:#43536a!important;font-weight:700}.setup-switch input{min-width:auto;accent-color:#416fe5}.setup-check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.setup-check{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #dfe7f2;border-radius:11px;background:#f8faff;cursor:pointer}.setup-check input{accent-color:#416fe5}.setup-check b,.setup-check small{display:block}.setup-check small{margin-top:3px;color:var(--muted);font-size:8px}.setup-logo-preview{grid-column:1/-1;width:min(100%,420px);height:clamp(130px,22vw,220px);padding:16px;display:flex;align-items:center;justify-content:center;border:1px dashed #a9b9d2;border-radius:12px;background:#f6f9ff;color:#789;font-weight:900;overflow:hidden}.setup-logo-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.setup-wizard-actions{position:sticky;bottom:12px;z-index:12;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 15px;border:1px solid #fff;border-radius:16px;background:rgba(245,249,255,.94);box-shadow:0 14px 35px #203c7424;backdrop-filter:blur(10px)}.setup-wizard-actions span{margin-right:auto;color:var(--muted);font-size:10px;font-weight:800}.setup-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.setup-review-grid>div{padding:14px;border:1px solid #e0e7f2;border-radius:12px;background:#f8faff}.setup-review-grid b,.setup-review-grid span,.setup-review-grid small{display:block}.setup-review-grid span{margin-top:8px;font-weight:800}.setup-review-grid small{margin-top:4px;color:var(--muted)}@media(max-width:900px){.setup-progress{grid-template-columns:repeat(4,1fr)}.setup-check-grid,.setup-review-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.setup-progress,.setup-check-grid,.setup-review-grid{grid-template-columns:1fr 1fr}.setup-progress button{grid-template-columns:auto 1fr;justify-items:start;align-items:center}.setup-wizard-actions{flex-wrap:wrap}.setup-wizard-actions span{width:100%;order:-1}}
.product-toolbar{display:grid;gap:10px;padding:13px;margin-bottom:14px}.product-toolbar .toolbar{margin:0}.product-actions{display:flex;flex-wrap:wrap;gap:7px}.product-actions .btn{padding:8px 10px;font-size:9px}.product-management-table th,.product-management-table td{padding:7px 8px;vertical-align:middle;white-space:nowrap}.product-management-table small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.product-name-cell{display:flex;align-items:center;gap:9px;min-width:245px}.product-name-cell>img,.product-name-cell>i{width:38px;height:38px;border-radius:10px;object-fit:cover;display:grid;place-items:center;background:#edf3ff;color:#416fe5;font-style:normal;font-weight:900}.product-name-cell .badge{display:inline-block;margin:4px 3px 0 0;padding:3px 6px;font-size:7px}.product-form-modal{width:min(980px,97%)}.product-form-modal .field-action{align-self:flex-start;border:0;background:none;color:#416fe5;font-size:8px;font-weight:800;cursor:pointer}.product-form-modal textarea{min-height:75px;padding:10px;border:1px solid #dbe3ef;border-radius:10px}.product-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.product-detail-grid span{padding:12px;border:1px solid #dfe7f2;border-radius:11px;background:#f8faff}.product-detail-grid b,.product-detail-grid small{display:block}.product-detail-grid small{margin-top:4px;color:var(--muted);font-size:8px}@media(max-width:850px){.product-detail-grid{grid-template-columns:1fr}.product-management-table{min-width:1100px}}
.product-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px}.product-pagination span{margin-right:auto;color:var(--muted);font-size:10px;font-weight:800}
.purchase-page{display:grid;gap:0}.purchase-subnav{display:flex;flex-wrap:wrap;gap:7px;padding:10px;border:1px solid #e0e8f4;border-radius:14px;background:#f8fbff}.purchase-subnav button{border:1px solid #dbe5f2;border-radius:999px;background:#fff;color:#51627a;padding:8px 12px;font-size:9px;font-weight:900;cursor:pointer}.purchase-subnav button.active{background:#315fc5;border-color:#315fc5;color:#fff;box-shadow:0 8px 18px #315fc533}.purchase-page .purchase-flow{display:grid;gap:8px;margin:0;padding-left:18px;color:#54657c;font-size:11px;line-height:1.45}.purchase-page .purchase-flow li::marker{color:#315fc5;font-weight:900}@media(max-width:700px){.purchase-subnav{display:grid;grid-template-columns:1fr 1fr}.purchase-subnav button{width:100%}}
.badge.warning{background:#fff4d8;color:#a66b07;border-color:#efd290}
.sidebar nav .nav-group-toggle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar nav .nav-group-toggle span:has(+ b){letter-spacing:1.1px}
.hris-page{display:grid;gap:0}
.hris-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:16px;border-left:5px solid #315fc5;background:linear-gradient(135deg,#edf4ff,#fff 55%,#f4f8ff)}
.hris-hero h3{margin:8px 0 6px;font-size:22px;color:#17233d}
.hris-hero p{max-width:760px;margin:0;color:var(--muted);line-height:1.55}
.hris-hero-score{min-width:150px;padding:16px;border-radius:15px;background:#17233d;color:#fff;text-align:center;box-shadow:0 16px 30px rgba(23,35,61,.2)}
.hris-hero-score b,.hris-hero-score span{display:block}.hris-hero-score b{font-size:30px}.hris-hero-score span{margin-top:4px;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#d7e2f5}
.hris-kpi-grid{grid-template-columns:repeat(5,1fr)}
.hris-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.hris-module{border:1px solid #dfe8f4!important;text-align:left;cursor:pointer;padding:15px;background:#f9fbff!important}
.hris-module b,.hris-module span{display:block}.hris-module b{font-size:13px;color:#1e3766}.hris-module span{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.45}
.hris-executive .card-head h3{font-size:15px}.hris-exec-hero{border-left-color:#15a36d;background:linear-gradient(135deg,#eefbf5,#fff 52%,#f3f7ff)}
.hris-approval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hris-approval-card{display:grid;gap:6px;text-align:left;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;color:#17233d;box-shadow:0 8px 18px rgba(20,35,70,.05)}
.hris-approval-card span{color:var(--muted);font-size:10px;font-weight:800}.hris-approval-card b{font-size:22px;color:#315fc5}
.hris-payroll-mini{margin-top:12px;padding:13px;border:1px solid rgba(21,163,109,.2);border-radius:10px;background:#f5fff9}.hris-payroll-mini span,.hris-payroll-mini small{display:block;color:var(--muted);font-size:10px;font-weight:800}.hris-payroll-mini b{display:block;margin:5px 0;color:#168660;font-size:20px}
.hris-mini-table{min-width:0}.hris-mini-table th,.hris-mini-table td{padding:9px 8px}.hris-mini-table td small{display:block;margin-top:3px;color:var(--muted);font-size:9px}
.hris-progress-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.hris-progress-card{display:grid;gap:9px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}
.hris-progress-card div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hris-progress-card span,.hris-progress-card small{color:var(--muted);font-size:10px;font-weight:800;line-height:1.35}.hris-progress-card b{color:#17233d;font-size:21px}.hris-progress-card i{height:9px;border-radius:999px;background:#e9eef8;overflow:hidden}.hris-progress-card em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#315fc5,#23b7c8)}.hris-progress-card.green em{background:linear-gradient(90deg,#15a36d,#2fc7d2)}.hris-progress-card.red{background:#fff7f7;border-color:rgba(227,76,76,.22)}.hris-progress-card.red em{background:linear-gradient(90deg,#e34c4c,#e7a627)}
.hris-analysis-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hris-analysis-item{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:0}.hris-analysis-item span,.hris-analysis-item small{display:block;color:var(--muted);font-size:10px;font-weight:800;line-height:1.35}.hris-analysis-item b{display:block;margin:6px 0 4px;color:#17233d;font-size:17px;overflow-wrap:anywhere}.hris-analysis-item.green{background:#f5fff9;border-color:rgba(21,163,109,.2)}.hris-analysis-item.green b{color:#168660}.hris-analysis-item.red{background:#fff7f7;border-color:rgba(227,76,76,.22)}.hris-analysis-item.red b{color:#bc3939}
.hris-workflow-card{border-radius:12px}.hris-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hris-workflow-item{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 10px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:.18s;min-width:0}.hris-workflow-item:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(20,35,70,.09)}.hris-workflow-item span,.hris-workflow-item small{display:block;color:var(--muted);font-size:10px;font-weight:800;line-height:1.35}.hris-workflow-item b{font-size:13px;color:#17233d}.hris-workflow-item strong{grid-row:1/3;grid-column:2;align-self:center;font-size:22px;color:#17233d}.hris-workflow-item.red{background:#fff8f8;border-color:rgba(227,76,76,.24)}.hris-workflow-item.red strong{color:#bc3939}.hris-workflow-item.green{background:#f5fff9;border-color:rgba(21,163,109,.2)}.hris-workflow-item.green strong{color:#168660}.hris-risk-queue .owner-insight{width:100%;text-align:left;cursor:pointer}.hris-module-section{display:grid;gap:9px;margin-top:14px}.hris-module-section:first-child{margin-top:0}.hris-module-section h3{margin:0;color:#51627a;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.hris-module-section .hris-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.movement-preview{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fbff}.movement-preview b,.movement-preview span{display:block}.movement-preview span{margin-top:4px;color:var(--muted);font-size:11px}.movement-table td small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.movement-table td:nth-child(4),.movement-table td:nth-child(5),.movement-table td:nth-child(6){white-space:normal;overflow-wrap:anywhere}
.hris-branch-list .owner-margin-row{grid-template-columns:minmax(0,.9fr) minmax(110px,1fr) 42px 58px}.hris-branch-list .owner-margin-row small{text-align:right}
.attendance-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.attendance-overview-item{padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}.attendance-overview-item span,.attendance-overview-item small{display:block;color:var(--muted);font-size:10px;font-weight:800;line-height:1.35}.attendance-overview-item b{display:block;margin:5px 0;color:#17233d;font-size:20px}.attendance-overview-item.green{background:#f5fff9;border-color:rgba(21,163,109,.2)}.attendance-overview-item.green b{color:#168660}.attendance-overview-item.red{background:#fff7f7;border-color:rgba(227,76,76,.22)}.attendance-overview-item.red b{color:#bc3939}.attendance-overview-insight{display:grid;gap:4px;margin-top:10px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}.attendance-overview-insight b{font-size:12px}.attendance-overview-insight span{color:var(--muted);font-size:11px;line-height:1.45}.attendance-overview-insight.green{background:#f5fff9;border-color:rgba(21,163,109,.2)}.attendance-overview-insight.red{background:#fff7f7;border-color:rgba(227,76,76,.22)}
.hris-risk-grid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:16px;align-items:stretch}.hris-top-performance,.hris-risk-audit{display:flex;flex-direction:column;height:100%;min-width:0}.hris-top-performance .table-wrap,.hris-risk-audit .table-wrap{flex:1;min-height:0;max-height:330px;overflow-x:hidden;overflow-y:auto;border-radius:10px}.hris-performance-table,.hris-risk-table{width:100%;min-width:0!important;table-layout:fixed;font-size:10px}.hris-performance-table th,.hris-performance-table td,.hris-risk-table th,.hris-risk-table td{white-space:normal;overflow-wrap:break-word;word-break:normal;padding:9px 7px}.hris-performance-table th:nth-child(1){width:46%}.hris-performance-table th:nth-child(2){width:34%}.hris-performance-table th:nth-child(3){width:20%}.hris-risk-table th:nth-child(1){width:27%}.hris-risk-table th:nth-child(2){width:22%}.hris-risk-table th:nth-child(3){width:15%}.hris-risk-table th:nth-child(4){width:18%}.hris-risk-table th:nth-child(5){width:18%}.hris-performance-table th:nth-child(3),.hris-performance-table td:nth-child(3),.hris-risk-table th:nth-child(3),.hris-risk-table td:nth-child(3),.hris-risk-table th:nth-child(4),.hris-risk-table td:nth-child(4),.hris-risk-table th:nth-child(5),.hris-risk-table td:nth-child(5){white-space:normal;text-align:left}.hris-risk-table .audit-action,.hris-risk-table .badge{max-width:100%;white-space:normal}
.mpp-table input{width:100%;min-width:90px;border:1px solid #dfe7f2;border-radius:9px;padding:8px;background:#fff;color:#17233d}.mpp-table input::placeholder{color:#7f8da3}.mpp-table input:focus{outline:0;border-color:#8cadf4;box-shadow:0 0 0 3px rgba(79,124,255,.1)}.mpp-table td:nth-child(2),.mpp-table td:nth-child(4),.mpp-table td:nth-child(5){white-space:nowrap}
.hris-filter{align-items:end;gap:12px;margin-bottom:0}.hris-filter>div{min-width:220px;margin-right:auto}.hris-filter b,.hris-filter small{display:block}.hris-filter small{margin-top:4px}
.hris-toolbar{align-items:center;flex-wrap:wrap}.hris-toolbar .muted{align-self:center;font-size:10px;font-weight:800}
.hris-table{min-width:920px;font-size:10px}.hris-table th{background:#f4f7fc;color:#56677f}.hris-table th,.hris-table td{vertical-align:middle}.hris-table td{color:#26364f}.hris-table .btn{padding:7px 10px;font-size:9px}
.hris-employee-cell b,.hris-employee-cell small{display:block}.hris-employee-cell small{margin-top:3px;color:var(--muted);font-size:9px}
.hris-status{display:inline-flex;align-items:center;justify-content:center;min-width:68px;border-radius:999px;text-transform:none;letter-spacing:.1px}
.hris-form{gap:14px}.hris-modal{width:min(920px,96%)}
.form-section-title{padding:10px 12px;border:1px solid #dfe7f2;border-radius:11px;background:#f7faff;color:#315fc5;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}
.hris-form label{font-weight:700}.hris-form input,.hris-form select{width:100%;min-width:0}
.shift-calendar{align-items:stretch}.shift-day{border-top:4px solid #416fe5!important;background:#fbfdff!important}.shift-day strong{color:#1d2f50}.shift-day .hris-status{justify-self:start}
.hr-permission-table input[type=checkbox]{width:17px;height:17px;accent-color:#416fe5}
.letter-archive-page .letter-hero{border-left-color:#6f5bd8;background:linear-gradient(135deg,#f1f4ff,#fff 58%,#f8fbff)}
.letter-filter{align-items:end}.letter-filter input,.letter-filter select{min-width:132px}
.letter-archive-table{min-width:1120px;table-layout:fixed}.letter-archive-table th,.letter-archive-table td{white-space:normal;vertical-align:top}.letter-archive-table th:nth-child(1){width:9%}.letter-archive-table th:nth-child(2){width:13%}.letter-archive-table th:nth-child(3){width:13%}.letter-archive-table th:nth-child(4){width:21%}.letter-archive-table th:nth-child(5){width:13%}.letter-archive-table th:nth-child(6){width:10%}.letter-archive-table th:nth-child(7){width:8%}.letter-archive-table th:nth-child(8){width:6%}.letter-archive-table th:nth-child(9){width:12%}.letter-archive-table small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.letter-archive-table .badge{display:inline-flex;margin-bottom:3px}.letter-archive-table .btn{margin:0 4px 4px 0}
.payment-compose{display:grid;gap:10px}.payment-guidance{padding:11px 12px;border:1px solid #dbe8ff;border-radius:11px;background:#f3f7ff;color:#244da8}.payment-guidance.cash{border-color:#d8eadf;background:#f1fbf5;color:#146b47}.payment-guidance b,.payment-guidance small{display:block}.payment-guidance small{margin-top:4px;font-size:9px;line-height:1.35;color:inherit;opacity:.82}.payment-verification{display:grid;gap:9px}.payment-ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-confirm{padding:10px 11px;border:1px solid #f0d28d;border-radius:10px;background:#fff8e8;color:#80520f;font-weight:800}.payment-confirm input{accent-color:#d99316}.split-row label{display:grid;gap:5px;color:#718097;font-size:11px}.split-row select,.split-row input{padding:11px;border:1px solid #dce3ed;border-radius:9px;background:#fff;outline:0}#change-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:11px;background:#f7f9fc;border:1px solid #e1e8f2;font-size:11px}#change-preview b.positive{color:#168660}@media(max-width:560px){.payment-ref-grid,.split-row{grid-template-columns:1fr}}
.pos-provider-grid{max-height:220px;overflow:auto;padding:9px;border:1px solid #dfe8f4;border-radius:11px;background:#fbfdff}.pos-provider-grid section+section{margin-top:10px}.pos-provider-grid strong{display:block;margin:0 0 6px;color:#315fc5;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.pos-provider-grid section>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:6px}.pos-provider-chip{min-width:0;display:flex;align-items:center;gap:7px;padding:7px;border:1px solid #dfe8f4;border-radius:10px;background:#fff;color:#27364f;text-align:left;font-size:8.5px;font-weight:800;cursor:pointer}.pos-provider-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-provider-chip:hover,.pos-provider-chip.active{border-color:#8eaaef;background:#edf3ff;color:#315fc5}.pos-provider-chip.active{box-shadow:0 0 0 2px rgba(65,111,229,.12)}@media(max-width:560px){.pos-provider-grid section>div{grid-template-columns:1fr}}
.payment-gateway-card{margin:14px 0}.payment-gateway-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:12px}.payment-gateway-summary>span,.payment-webhook-help,.payment-provider-note,.payment-provider-current{padding:12px;border:1px solid #dfe8f4;border-radius:11px;background:#f8fbff}.payment-provider-note{border-color:#f0d28d;background:#fff8e8;color:#80520f}.payment-gateway-summary b,.payment-gateway-summary small,.payment-webhook-help b,.payment-webhook-help small,.payment-provider-note b,.payment-provider-note small{display:block}.payment-gateway-summary small,.payment-webhook-help small,.payment-provider-note small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.35;overflow-wrap:anywhere}.payment-provider-note small{color:inherit;opacity:.84}.payment-webhook-help .btn{margin-top:9px;margin-right:6px}.payment-gateway-title,.payment-provider-identity,.payment-provider-inline{display:flex!important;align-items:center;gap:10px}.payment-provider-inline{gap:7px}.payment-provider-logo{width:36px;height:36px;flex:0 0 36px;display:grid!important;place-items:center;border:1px solid #d9e5f4;border-radius:10px;background:#fff;overflow:hidden;box-shadow:inset 0 1px 0 #fff}.payment-provider-logo.large{width:46px;height:46px;flex-basis:46px;border-radius:12px}.payment-provider-logo.mini{width:23px;height:23px;flex-basis:23px;border-radius:7px}.payment-provider-logo img{width:100%;height:100%;object-fit:contain;padding:5px}.payment-provider-logo b{display:none!important;font-size:10px;color:#315fc5}.payment-provider-logo.logo-fallback{background:#edf3ff}.payment-provider-logo.logo-fallback b{display:block!important}.payment-provider-current{display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-provider-identity>span b,.payment-provider-identity>span small{display:block}.payment-provider-identity>span small{margin-top:3px;color:var(--muted);font-size:9px}.payment-provider-grid{max-height:275px;overflow:auto;padding:10px;border:1px solid #dfe8f4;border-radius:12px;background:#fbfdff}.payment-provider-grid section+section{margin-top:12px}.payment-provider-grid strong{display:block;margin:0 0 7px;color:#315fc5;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.payment-provider-grid section>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:7px}.payment-provider-chip{min-width:0;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #dfe8f4;border-radius:11px;background:#fff;color:#27364f;text-align:left;font-size:9px;font-weight:800;cursor:pointer;box-shadow:none}.payment-provider-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-provider-chip .payment-provider-logo{width:28px;height:28px;flex-basis:28px;border-radius:8px}.payment-provider-chip:hover,.payment-provider-chip.active{border-color:#8eaaef;background:#edf3ff;color:#315fc5}.payment-provider-chip.active{box-shadow:0 0 0 2px rgba(65,111,229,.12)}.payment-realtime-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid #cfe0ff;border-radius:11px;background:#f3f7ff;color:#244da8}.payment-realtime-box b,.payment-realtime-box small{display:block}.payment-realtime-box small{margin-top:3px;font-size:9px;line-height:1.35;color:inherit;opacity:.82;overflow-wrap:anywhere}.payment-realtime-box.muted{border-color:#e2e8f0;background:#f8fafc;color:#64748b}.payment-realtime-box.pending{border-color:#f0d28d;background:#fff8e8;color:#80520f}.payment-realtime-box.paid{border-color:#bde8d3;background:#effbf5;color:#146b47}.payment-realtime-box.failed{border-color:#ffc4cb;background:#fff0f2;color:#9d2632}.payment-qr-image{grid-column:1/-1;justify-self:center;width:min(230px,70vw);aspect-ratio:1;border:8px solid #fff;border-radius:12px;box-shadow:0 10px 24px #203c7420}.payment-realtime-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.customer-qr-form{grid-column:1/-1;display:grid;gap:8px;width:100%;min-width:260px;padding:10px;border:1px dashed #9ab5ee;border-radius:10px;background:#fff}.customer-qr-form.muted{border-style:solid;background:#f8fafc;color:#64748b}.customer-qr-form textarea{width:100%;min-height:70px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.customer-qr-form .btn{justify-self:end}@media(max-width:700px){.payment-realtime-box{grid-template-columns:1fr}.payment-realtime-actions{justify-content:stretch}.payment-realtime-actions>.btn,.customer-qr-form .btn{width:100%}.payment-provider-grid section>div{grid-template-columns:1fr}.payment-provider-current{align-items:flex-start;flex-direction:column}}
#connection-status.connection-status,.connection-status{position:static;left:auto;right:auto;bottom:auto;transform:none!important;z-index:auto;display:grid;grid-template-columns:10px auto;grid-template-rows:auto auto;column-gap:8px;row-gap:1px;align-items:center;min-width:152px;max-width:230px;padding:7px 10px;border-radius:12px;border:1px solid #d9e5f4;background:#f8fbff;color:#34425a;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);cursor:pointer;text-align:left;transition:.2s}.connection-status:before{content:"";grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#8aa0b8;box-shadow:0 0 0 3px rgba(138,160,184,.13)}.connection-status b{font-size:10px;line-height:1;font-weight:900;white-space:nowrap}.connection-status span{font-size:8px;line-height:1.2;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-status.is-online{border-color:#bde8d3;background:#effbf5;color:#146b47}.connection-status.is-online:before{background:#18a86b;box-shadow:0 0 0 3px rgba(24,168,107,.14)}.connection-status.is-limited{border-color:#f0d28d;background:#fff8e8;color:#80520f}.connection-status.is-limited:before{background:#d99316;box-shadow:0 0 0 3px rgba(217,147,22,.16)}.connection-status.is-offline{border-color:#ffc4cb;background:#fff0f2;color:#9d2632}.connection-status.is-offline:before{background:#e23d4d;box-shadow:0 0 0 3px rgba(226,61,77,.15)}.connection-status.is-checking:before{animation:connectionPulse 1s ease-in-out infinite}@keyframes connectionPulse{50%{opacity:.35;transform:scale(.82)}}.pos-topbar .connection-status{flex:0 0 178px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.26);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.pos-topbar .connection-status span{color:#d9e5f4}.pos-topbar .connection-status.is-online{background:rgba(32,185,116,.16);border-color:rgba(133,238,188,.45);color:#dcffef}.pos-topbar .connection-status.is-limited{background:rgba(255,185,70,.15);border-color:rgba(255,215,129,.5);color:#fff4dc}.pos-topbar .connection-status.is-offline{background:rgba(255,87,105,.16);border-color:rgba(255,180,190,.45);color:#ffe8eb}
@media(max-width:1150px){.hris-kpi-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1150px){.hris-progress-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.hris-workflow-grid,.hris-module-section .hris-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hris-risk-grid{grid-template-columns:1fr}.attendance-overview-grid{grid-template-columns:1fr 1fr}.hris-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.hris-hero{align-items:flex-start;flex-direction:column}.hris-hero-score{width:100%}.hris-kpi-grid{grid-template-columns:1fr 1fr}.hris-filter{align-items:stretch}.hris-filter label,.hris-filter .btn{width:100%}.hris-table{min-width:780px}.hris-approval-grid,.hris-branch-list .owner-margin-row{grid-template-columns:1fr}.hris-mini-table{min-width:680px}.hris-performance-table,.hris-risk-table{min-width:0!important}.hris-branch-list .owner-margin-row small{text-align:left}.hris-progress-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hris-kpi-grid,.hris-progress-grid,.attendance-overview-grid,.hris-analysis-grid,.hris-workflow-grid,.hris-module-section .hris-module-grid{grid-template-columns:1fr}.hris-module-grid{grid-template-columns:1fr}}
.pos-modal .modal-box{display:flex;flex-direction:column;max-height:calc(100vh - 34px);overflow:hidden;padding-bottom:0}.pos-modal-head{flex:0 0 auto}.pos-dialog-body{min-height:0;overflow:auto;padding-right:4px}.pos-modal .modal-actions{flex:0 0 auto;position:sticky;bottom:0;z-index:3;margin:14px -24px 0;padding:12px 24px 14px;border-top:1px solid #e3e9f2;background:linear-gradient(180deg,rgba(255,255,255,.92),#fff);box-shadow:0 -10px 22px rgba(31,52,91,.08)}.pos-modal .modal-actions .btn{min-width:118px}.pos-modal .modal-actions .btn.primary{font-weight:900}.pos-modal .payment-methods{flex:0 0 auto}.pos-modal #change-preview{position:sticky;bottom:64px;z-index:2;background:#fff;box-shadow:0 8px 18px rgba(31,52,91,.07)}@media(max-width:560px){.pos-modal{padding:10px}.pos-modal .modal-box{max-height:calc(100vh - 20px)}.pos-modal .modal-actions{justify-content:stretch}.pos-modal .modal-actions .btn{flex:1;min-width:0}}
html[data-theme=dark]{--navy:#090604;--blue:#d6a84f;--blue-deep:#b7802f;--cyan:#f3d58b;--bg:#080604;--text:#fff6e8;--muted:#ead8b5;--line:rgba(214,168,79,.22);--glass:rgba(20,12,7,.74);--green:#73d099;--red:#ff7a74;--amber:#d6a84f;--shadow:0 18px 48px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,223,151,.08)}
html[data-theme=dark] body{background:radial-gradient(circle at 76% 6%,rgba(214,168,79,.2),transparent 28%),radial-gradient(circle at 22% 88%,rgba(90,52,23,.34),transparent 34%),linear-gradient(135deg,#030201 0%,#130b06 48%,#2a1609 100%);color:var(--text)}
html[data-theme=dark] body:before{background:rgba(214,168,79,.12)}html[data-theme=dark] body:after{background:rgba(85,46,18,.28)}
html[data-theme=dark] .sidebar{background:linear-gradient(155deg,rgba(9,6,4,.86),rgba(49,27,11,.58));border-color:rgba(214,168,79,.32);box-shadow:16px 18px 45px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,224,150,.14)}
html[data-theme=dark] .sidebar:before{background:conic-gradient(from 30deg,#050403 0deg,#2a1609 80deg,#7a4b19 155deg,#d6a84f 230deg,#4a2d14 305deg,#050403 360deg);opacity:.7}
html[data-theme=dark] .sidebar:after{background:linear-gradient(155deg,rgba(5,4,3,.74),rgba(31,18,9,.66) 58%,rgba(10,7,4,.8));border-color:rgba(214,168,79,.12)}
html[data-theme=dark] .brand b,html[data-theme=dark] .main h2,html[data-theme=dark] .pos-brand b{background:linear-gradient(105deg,#fff8e8 0%,#f4d990 28%,#d6a84f 58%,#8f581d 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme=dark] .brand small,html[data-theme=dark] .sidebar-foot small{color:#d6c09a}
html[data-theme=dark] .brand-mark{background:#120b06;border-color:rgba(244,217,144,.35);box-shadow:8px 10px 22px rgba(0,0,0,.38),0 0 24px rgba(214,168,79,.18)}
html[data-theme=dark] .sidebar nav p,html[data-theme=dark] .sidebar nav .nav-group-toggle span{color:#d6a84f}
html[data-theme=dark] .sidebar nav button{color:#d8c4a1;background:rgba(214,168,79,.035)}
html[data-theme=dark] .sidebar nav button:hover{background:rgba(214,168,79,.14);border-color:rgba(214,168,79,.2);color:#fff8e8}
html[data-theme=dark] .sidebar nav button.active{background:linear-gradient(135deg,rgba(214,168,79,.42),rgba(76,43,16,.58));border-color:rgba(244,217,144,.34);box-shadow:6px 8px 18px rgba(0,0,0,.32),0 0 21px rgba(214,168,79,.16)}
html[data-theme=dark] .sidebar nav button.active:after{background:#f3d58b;box-shadow:0 0 9px #f3d58b}
html[data-theme=dark] .main header{background:linear-gradient(130deg,rgba(35,20,10,.72),rgba(10,7,4,.66));border-color:rgba(214,168,79,.28);box-shadow:0 18px 45px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,224,150,.12)}
html[data-theme=dark] .main header:before{background:conic-gradient(from 20deg,#050403,#4a2d14,#b7802f,#d6a84f,#2a1609,#050403);opacity:.58}
html[data-theme=dark] .main header:after{background:linear-gradient(125deg,rgba(26,14,7,.78),rgba(7,5,3,.58) 48%,rgba(54,31,13,.58))}
html[data-theme=dark] .main header p,html[data-theme=dark] .muted{color:var(--muted)}
html[data-theme=dark] .card,html[data-theme=dark] .modal-box{background:var(--glass);border-color:rgba(214,168,79,.28);box-shadow:var(--shadow);color:var(--text)}
html[data-theme=dark] .card:hover{box-shadow:0 22px 52px rgba(0,0,0,.48),inset 0 1px 0 rgba(244,217,144,.1)}
html[data-theme=dark] th{background:rgba(74,45,20,.34);color:#e2c990;border-color:var(--line)}
html[data-theme=dark] td{border-color:rgba(214,168,79,.14)}html[data-theme=dark] tbody tr:hover{background:rgba(214,168,79,.08)}
html[data-theme=dark] .btn{border-color:rgba(214,168,79,.34);box-shadow:4px 6px 13px rgba(0,0,0,.22),inset 1px 1px 0 rgba(255,226,153,.08)}
html[data-theme=dark] .btn.primary{background:linear-gradient(145deg,#d6a84f,#8f581d);color:#160b04;box-shadow:5px 8px 18px rgba(214,168,79,.2),inset 1px 1px 1px rgba(255,246,213,.32)}
html[data-theme=dark] .btn.secondary,html[data-theme=dark] .icon-btn,html[data-theme=dark] .mobile-menu{background:rgba(41,24,12,.72);color:#f2ddb1;border-color:rgba(214,168,79,.3)}
html[data-theme=dark] .btn.danger{background:#3a1612;color:#ffaea9;border-color:rgba(255,122,116,.28)}
html[data-theme=dark] .badge{background:rgba(214,168,79,.14);color:#f3d58b;border-color:rgba(214,168,79,.22)}
html[data-theme=dark] .badge.green,html[data-theme=dark] .pill{background:rgba(115,208,153,.12);color:#9be3b6;border-color:rgba(115,208,153,.18)}
html[data-theme=dark] .badge.red,html[data-theme=dark] .pill.red{background:rgba(255,122,116,.13);color:#ffaaa6;border-color:rgba(255,122,116,.2)}
html[data-theme=dark] .badge.warning{background:rgba(214,168,79,.18);color:#ffd98a;border-color:rgba(214,168,79,.32)}
html[data-theme=dark] .toolbar input,html[data-theme=dark] .toolbar select,html[data-theme=dark] .form-grid input,html[data-theme=dark] .form-grid select,html[data-theme=dark] textarea,html[data-theme=dark] .audit-filter input,html[data-theme=dark] .audit-filter select{background:rgba(16,10,6,.78);border-color:rgba(214,168,79,.32);color:var(--text);box-shadow:inset 1px 1px 0 rgba(244,217,144,.06)}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#d1b88a}
html[data-theme=dark] .toolbar input:focus,html[data-theme=dark] .form-grid input:focus,html[data-theme=dark] .form-grid select:focus{border-color:rgba(214,168,79,.68);box-shadow:0 0 0 3px rgba(214,168,79,.12)}
html[data-theme=dark] .product-card,html[data-theme=dark] .product-icon,html[data-theme=dark] .setup-progress button,html[data-theme=dark] .setup-check,html[data-theme=dark] .setup-switch,html[data-theme=dark] .setup-review-grid>div,html[data-theme=dark] .product-detail-grid span,html[data-theme=dark] .purchase-subnav,html[data-theme=dark] .payment-gateway-summary>span,html[data-theme=dark] .payment-webhook-help,html[data-theme=dark] .payment-provider-current,html[data-theme=dark] .payment-provider-grid,html[data-theme=dark] .pos-provider-grid,html[data-theme=dark] .form-section-title{background:rgba(26,15,8,.74)!important;border-color:rgba(214,168,79,.24)!important;color:var(--text)!important}
html[data-theme=dark] .purchase-subnav button,html[data-theme=dark] .payment-provider-chip,html[data-theme=dark] .pos-provider-chip{background:rgba(11,8,5,.82);border-color:rgba(214,168,79,.22);color:#e7d2ad}
html[data-theme=dark] .purchase-subnav button.active,html[data-theme=dark] .payment-provider-chip.active,html[data-theme=dark] .pos-provider-chip.active{background:#8f581d;border-color:#d6a84f;color:#fff8e8}
html[data-theme=dark] .hris-hero,html[data-theme=dark] .letter-archive-page .letter-hero{background:linear-gradient(135deg,#201108,#080604 58%,#301a0b);border-left-color:#d6a84f}
html[data-theme=dark] .hris-hero h3,html[data-theme=dark] .hris-module b,html[data-theme=dark] .hris-table td{color:var(--text)}
html[data-theme=dark] .connection-status{background:rgba(26,15,8,.78);border-color:rgba(214,168,79,.28);color:#f0dbad;box-shadow:inset 0 1px 0 rgba(244,217,144,.08)}
html[data-theme=dark] .connection-status span{color:#c8ad83}
html[data-theme=dark] .modal{background:rgba(3,2,1,.64)}
html[data-theme=dark] #toast{background:rgba(24,14,8,.96);border-color:rgba(214,168,79,.24);color:#fff8e8}
html[data-theme=dark] .bar,html[data-theme=dark] .hourly-bar{background:linear-gradient(180deg,#f3d58b,#8f581d)}
html[data-theme=dark] .hourly-bar.peak{background:linear-gradient(180deg,#ffd98a,#b7802f)}
html[data-theme=dark] .hourly-bar-wrap>span,html[data-theme=dark] .transaction-line text{color:#f3d58b;fill:#f3d58b}
html[data-theme=dark] .transaction-line path{stroke:#d6a84f}html[data-theme=dark] .transaction-line circle{fill:#d6a84f;stroke:#1b1008}
html[data-theme=dark] .attendance-page .attendance-scan-card,html[data-theme=dark] .attendance-page .attendance-monitor-card{background:linear-gradient(145deg,rgba(31,18,9,.94),rgba(10,7,4,.92));border-color:rgba(214,168,79,.36);box-shadow:0 18px 45px rgba(0,0,0,.42),inset 0 1px 0 rgba(244,217,144,.09);color:#fff3d1}
html[data-theme=dark] .attendance-page .attendance-scan-card h3,html[data-theme=dark] .attendance-page .attendance-monitor-card h3,html[data-theme=dark] .attendance-monitor-table td b{color:#fff3d1}
html[data-theme=dark] .attendance-page .muted,html[data-theme=dark] .attendance-monitor-table td small,html[data-theme=dark] .attendance-scanner-box label{color:#d7bd8c}
html[data-theme=dark] .attendance-camera{border-color:rgba(214,168,79,.35);background:linear-gradient(135deg,#15100c,#2a1a0d)}
html[data-theme=dark] .attendance-scanner-box input{background:rgba(7,5,3,.84);border-color:rgba(214,168,79,.34);color:#fff8e8;box-shadow:inset 1px 1px 0 rgba(244,217,144,.08)}
html[data-theme=dark] .attendance-scanner-box input::placeholder{color:#cdae76}
html[data-theme=dark] .attendance-monitor-wrap{background:rgba(8,5,3,.72);border:1px solid rgba(214,168,79,.2);border-radius:13px}
html[data-theme=dark] .attendance-monitor-table th{background:#3a240f;color:#f4d994;border-color:rgba(214,168,79,.32)}
html[data-theme=dark] .attendance-monitor-table td{background:rgba(22,13,7,.84);border-color:rgba(214,168,79,.16);color:#f7eddd}
html[data-theme=dark] .attendance-monitor-table tbody tr:hover td{background:rgba(49,29,14,.88)}
html[data-theme=dark] .attendance-monitor-table tr.attendance-missing td{background:rgba(55,25,18,.88);color:#fff1df}
html[data-theme=dark] .attendance-monitor-table tr.attendance-missing td:first-child{border-left-color:#ff7a74}
html[data-theme=dark] .attendance-clock-label{background:rgba(214,168,79,.16);color:#f6d889;border:1px solid rgba(214,168,79,.22)}
html[data-theme=dark] .attendance-feedback,html[data-theme=dark] .attendance-empty,html[data-theme=dark] .attendance-rule-box,html[data-theme=dark] .attendance-qr-payload,html[data-theme=dark] .attendance-employee-card,html[data-theme=dark] .attendance-status-grid div{background:rgba(20,12,7,.82);border-color:rgba(214,168,79,.28);color:#f7eddd}
.theme-settings-card{max-width:1180px}.theme-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.theme-choice{display:grid;grid-template-columns:92px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:5px 14px;text-align:left;padding:15px;border:1px solid rgba(130,150,190,.22);border-radius:16px;background:rgba(255,255,255,.5);color:var(--text);cursor:pointer;box-shadow:4px 6px 14px rgba(45,73,125,.08);transition:.2s}.theme-choice:hover{transform:translateY(-2px)}.theme-choice.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(79,124,255,.13),4px 6px 14px rgba(45,73,125,.08)}.theme-choice b{font-size:16px}.theme-choice small{color:var(--muted)}.theme-choice em{grid-column:3;grid-row:1/3;font-style:normal;font-size:10px;font-weight:900;padding:6px 10px;border-radius:999px;background:rgba(79,124,255,.11);color:var(--blue-deep)}.theme-preview{grid-row:1/3;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;width:92px;height:54px;padding:5px;border-radius:13px;background:#fff;border:1px solid rgba(130,150,190,.22)}.theme-preview i{border-radius:8px}.theme-preview.dark{background:#080604;border-color:#6d431a}@media(max-width:700px){.theme-choice-grid{grid-template-columns:1fr}.theme-choice{grid-template-columns:80px 1fr}.theme-choice em{grid-column:2;grid-row:auto;justify-self:start}}
html[data-theme=dark] .theme-choice{background:rgba(26,15,8,.74);border-color:rgba(214,168,79,.24);box-shadow:4px 6px 14px rgba(0,0,0,.22)}
html[data-theme=dark] .theme-choice.active{border-color:#d6a84f;box-shadow:0 0 0 3px rgba(214,168,79,.14),4px 6px 14px rgba(0,0,0,.22)}
html[data-theme=dark] .theme-choice em{background:rgba(214,168,79,.16);color:#f3d58b}
html[data-theme=black]{--custom-page-bg1:#030303;--custom-page-bg2:#202124;--custom-text:#f4f4f5;--custom-muted:#a7aab0;--custom-accent:#c9ced6;--custom-accent-deep:#7d838c;--custom-sidebar1:#050505;--custom-sidebar2:#1b1d20;--custom-navbar1:#111214;--custom-navbar2:#2a2d31;--custom-card-bg:#161719;--custom-card-border:#3b3f45;--custom-table-head:#24272b;--custom-table-line:#3a3e44;--custom-chart1:#f2f4f7;--custom-chart2:#858b94;--custom-button-text:#050505;--text:#f4f4f5;--muted:#a7aab0;--blue:#c9ced6;--blue-deep:#7d838c;--cyan:#858b94;--glass:#161719;--line:#3a3e44;--shadow:0 18px 48px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.06)}
html[data-theme=black] body{background:radial-gradient(circle at 75% 8%,rgba(201,206,214,.14),transparent 28%),radial-gradient(circle at 20% 86%,rgba(90,95,104,.18),transparent 34%),linear-gradient(135deg,#030303,#111214 52%,#202124);color:var(--text)}
html[data-theme=black] body:before{background:rgba(201,206,214,.1)}html[data-theme=black] body:after{background:rgba(125,131,140,.14)}
html[data-theme=black] .sidebar{background:linear-gradient(155deg,#050505,#1b1d20);border-color:rgba(201,206,214,.26);box-shadow:16px 18px 45px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme=black] .sidebar:before{background:conic-gradient(from 30deg,#050505,#1b1d20,#3b3f45,#c9ced6,#2a2d31,#050505);opacity:.48}
html[data-theme=black] .sidebar:after{background:linear-gradient(155deg,rgba(5,5,5,.82),rgba(27,29,32,.72));border-color:rgba(201,206,214,.12)}
html[data-theme=black] .brand b,html[data-theme=black] .main h2,html[data-theme=black] .pos-brand b{background:linear-gradient(105deg,#fff,#c9ced6,#858b94,#f4f4f5);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme=black] .brand small,html[data-theme=black] .sidebar-foot small{color:#b8bcc4}
html[data-theme=black] .sidebar nav p,html[data-theme=black] .sidebar nav .nav-group-toggle span{color:#c9ced6}
html[data-theme=black] .sidebar nav button{color:#cfd3da;background:rgba(201,206,214,.035)}
html[data-theme=black] .sidebar nav button:hover{background:rgba(201,206,214,.13);border-color:rgba(201,206,214,.22);color:#fff}
html[data-theme=black] .sidebar nav button.active{background:linear-gradient(135deg,rgba(201,206,214,.32),rgba(59,63,69,.6));border-color:rgba(201,206,214,.36);color:#fff}
html[data-theme=black] .sidebar nav button.active:after{background:#f2f4f7;box-shadow:0 0 9px #f2f4f7}
html[data-theme=black] .main header{background:linear-gradient(130deg,rgba(17,18,20,.78),rgba(42,45,49,.66));border-color:rgba(201,206,214,.24);box-shadow:0 18px 45px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme=black] .main header:before{background:conic-gradient(from 20deg,#030303,#2a2d31,#7d838c,#c9ced6,#111214,#030303);opacity:.5}
html[data-theme=black] .main header:after{background:linear-gradient(125deg,rgba(17,18,20,.76),rgba(42,45,49,.5))}
html[data-theme=black] .main header p,html[data-theme=black] .muted{color:var(--muted)}
html[data-theme=black] .card,html[data-theme=black] .modal-box{background:rgba(22,23,25,.84);border-color:rgba(201,206,214,.2);box-shadow:var(--shadow);color:var(--text)}
html[data-theme=black] th{background:#24272b;color:#d8dbe0;border-color:#3a3e44}
html[data-theme=black] td{border-color:#3a3e44}html[data-theme=black] tbody tr:hover{background:rgba(201,206,214,.08)}
html[data-theme=black] .btn.primary{background:linear-gradient(145deg,#f2f4f7,#858b94);color:#050505}
html[data-theme=black] .btn.secondary,html[data-theme=black] .icon-btn,html[data-theme=black] .mobile-menu{background:rgba(42,45,49,.72);color:#d8dbe0;border-color:rgba(201,206,214,.24)}
html[data-theme=black] .badge{background:rgba(201,206,214,.12);color:#e5e7eb;border-color:rgba(201,206,214,.2)}
html[data-theme=black] .toolbar input,html[data-theme=black] .toolbar select,html[data-theme=black] .form-grid input,html[data-theme=black] .form-grid select,html[data-theme=black] textarea,html[data-theme=black] .audit-filter input,html[data-theme=black] .audit-filter select{background:rgba(12,13,14,.82);border-color:rgba(201,206,214,.22);color:var(--text)}
html[data-theme=black] .bar,html[data-theme=black] .hourly-bar{background:linear-gradient(180deg,#f2f4f7,#858b94)}
html[data-theme=black] .hourly-bar.peak{background:linear-gradient(180deg,#fff,#7d838c)}
html[data-theme=black] .transaction-line path{stroke:#c9ced6}html[data-theme=black] .transaction-line circle{fill:#c9ced6;stroke:#050505}
html[data-theme=black] .connection-status{background:rgba(22,23,25,.84);border-color:rgba(201,206,214,.2);color:#f4f4f5}
html[data-theme=black] .theme-choice{background:rgba(22,23,25,.74);border-color:rgba(201,206,214,.22);box-shadow:4px 6px 14px rgba(0,0,0,.24)}
html[data-theme=black] .theme-choice.active{border-color:#c9ced6;box-shadow:0 0 0 3px rgba(201,206,214,.13),4px 6px 14px rgba(0,0,0,.24)}
html[data-theme=black] .theme-choice em{background:rgba(201,206,214,.14);color:#f2f4f7}
html[data-theme=black] .access-group{background:rgba(22,23,25,.88)!important;border-color:rgba(201,206,214,.24)!important;color:#f4f4f5!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html[data-theme=black] .access-group>b,html[data-theme=black] .access-group-head>b{color:#d8dbe0!important}
html[data-theme=black] .access-group label{color:#e5e7eb!important}
html[data-theme=black] .access-group label span{color:inherit}
html[data-theme=black] .access-group label:hover{background:rgba(201,206,214,.1)}
html[data-theme=black] .access-group input{accent-color:#c9ced6}
html[data-theme=black] .access-group input:disabled{opacity:.82}
html[data-theme=black] .access-mini-actions button{background:rgba(244,244,245,.08);border-color:rgba(201,206,214,.28);color:#f4f4f5}
html[data-theme=black] .access-mini-actions button:hover{background:rgba(201,206,214,.16)}
html[data-theme=black] .access-menu-row{background:rgba(244,244,245,.06);border-color:rgba(201,206,214,.18)}
html[data-theme=black] .access-menu-title b{color:#f4f4f5}
html[data-theme=black] .access-menu-title small{color:#aeb4bd}
html[data-theme=black] .access-action-set label{background:rgba(244,244,245,.07);border-color:rgba(201,206,214,.22);color:#e5e7eb}
html[data-theme=black] .access-action-set label:hover{background:rgba(201,206,214,.13)}
html[data-theme=black] .access-action-set label.danger{color:#ffb4bd}
html[data-theme=black] .access-role-tabs button{background:rgba(244,244,245,.07);border-color:rgba(201,206,214,.18);color:#f4f4f5}
html[data-theme=black] .access-role-tabs button.active{background:rgba(201,206,214,.16);border-color:rgba(244,244,245,.42)}
html[data-theme=black] .access-role-tabs span{color:#aeb4bd}
html[data-theme=black] .access-table-group td{background:#202327;color:#f4f4f5}
html[data-theme=black] .access-table-group button{background:rgba(244,244,245,.08);border-color:rgba(201,206,214,.28);color:#f4f4f5}
html[data-theme=black] .access-table-group button:hover{background:rgba(201,206,214,.16)}
html[data-theme=black] .access-new-role-note{background:rgba(244,244,245,.07);border-color:rgba(201,206,214,.18)}
html[data-theme=black] .access-new-role-note b{color:#f4f4f5}
html[data-theme=black] .access-new-role-note span{color:#aeb4bd}
html[data-theme=black] .access-new-role-note.warning{background:rgba(214,168,79,.12);border-color:rgba(214,168,79,.36)}
html[data-theme=black] .access-new-role-note.warning b{color:#f4d994}
html[data-theme=black] .access-new-role-note.warning span{color:#f7eddd}
html[data-theme=black] .payment-gateway-summary>span,
html[data-theme=black] .payment-webhook-help,
html[data-theme=black] .payment-provider-current,
html[data-theme=black] .payment-provider-grid,
html[data-theme=black] .pos-provider-grid,
html[data-theme=black] .payment-provider-note,
html[data-theme=black] .payment-realtime-box,
html[data-theme=black] .customer-qr-form{background:rgba(22,23,25,.88)!important;border-color:rgba(201,206,214,.24)!important;color:#f4f4f5!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html[data-theme=black] .payment-gateway-summary b,
html[data-theme=black] .payment-webhook-help b,
html[data-theme=black] .payment-provider-current b,
html[data-theme=black] .payment-provider-note b,
html[data-theme=black] .payment-realtime-box b{color:#f4f4f5!important}
html[data-theme=black] .payment-gateway-summary small,
html[data-theme=black] .payment-webhook-help small,
html[data-theme=black] .payment-provider-current small,
html[data-theme=black] .payment-provider-note small,
html[data-theme=black] .payment-realtime-box small{color:#bfc4cc!important}
html[data-theme=black] .payment-provider-grid strong,
html[data-theme=black] .pos-provider-grid strong{color:#d8dbe0!important}
html[data-theme=black] .payment-provider-chip,
html[data-theme=black] .pos-provider-chip{background:rgba(12,13,14,.86)!important;border-color:rgba(201,206,214,.24)!important;color:#e5e7eb!important}
html[data-theme=black] .payment-provider-chip:hover,
html[data-theme=black] .payment-provider-chip.active,
html[data-theme=black] .pos-provider-chip:hover,
html[data-theme=black] .pos-provider-chip.active{background:rgba(201,206,214,.14)!important;border-color:#c9ced6!important;color:#fff!important}
html[data-theme=neumorphism]{--custom-page-bg1:#edf2f7;--custom-page-bg2:#d8e1ec;--custom-text:#1f2a37;--custom-muted:#66758a;--custom-accent:#5f7cff;--custom-accent-deep:#3d55d7;--custom-sidebar1:#e9eff6;--custom-sidebar2:#dce5ef;--custom-navbar1:#f5f8fc;--custom-navbar2:#e2eaf3;--custom-card-bg:#e9eff6;--custom-card-border:#f7fbff;--custom-table-head:#dfe8f2;--custom-table-line:#c8d3df;--custom-chart1:#78a6ff;--custom-chart2:#55c7b6;--custom-button-text:#ffffff;--navy:#dce5ef;--blue:#5f7cff;--blue-deep:#3d55d7;--cyan:#55c7b6;--bg:#edf2f7;--text:#1f2a37;--muted:#66758a;--line:#c8d3df;--glass:#e9eff6;--green:#2ca36f;--red:#d94f5c;--amber:#d49b2f;--shadow:10px 10px 24px rgba(150,165,184,.42),-10px -10px 24px rgba(255,255,255,.9)}
html[data-theme=neumorphism] body{background:linear-gradient(135deg,#edf2f7,#d8e1ec);color:var(--text)}
html[data-theme=neumorphism] body:before,html[data-theme=neumorphism] body:after{display:none}
html[data-theme=neumorphism] .sidebar{background:#e9eff6;color:#1f2a37;border-color:rgba(255,255,255,.78);box-shadow:12px 12px 28px rgba(131,146,166,.44),-10px -10px 24px rgba(255,255,255,.88)}
html[data-theme=neumorphism] .sidebar:before{opacity:0}
html[data-theme=neumorphism] .sidebar:after{background:linear-gradient(145deg,#eef3f8,#dce5ef);border-color:rgba(255,255,255,.55);box-shadow:inset 1px 1px 0 rgba(255,255,255,.72),inset -1px -1px 0 rgba(172,187,206,.16)}
html[data-theme=neumorphism] .brand b,html[data-theme=neumorphism] .main h2,html[data-theme=neumorphism] .pos-brand b{background:linear-gradient(105deg,#1f2a37,#5f7cff,#55c7b6);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme=neumorphism] .brand small,html[data-theme=neumorphism] .sidebar-foot small{color:#66758a;text-shadow:none}
html[data-theme=neumorphism] .brand-mark{background:#e9eff6;border-color:rgba(255,255,255,.76);box-shadow:8px 8px 18px rgba(131,146,166,.38),-7px -7px 18px rgba(255,255,255,.88)}
html[data-theme=neumorphism] .sidebar nav p,html[data-theme=neumorphism] .sidebar nav .nav-group-toggle span{color:#66758a;text-shadow:none}
html[data-theme=neumorphism] .sidebar nav .nav-group-toggle,html[data-theme=neumorphism] .sidebar nav button{color:#46566c;background:#e9eff6;border-color:rgba(255,255,255,.52);box-shadow:5px 5px 12px rgba(146,160,181,.32),-5px -5px 12px rgba(255,255,255,.84)}
html[data-theme=neumorphism] .sidebar nav button:hover{background:#eef3f8;border-color:rgba(255,255,255,.74);color:#1f2a37;transform:translateX(2px)}
html[data-theme=neumorphism] .sidebar nav button.active{background:linear-gradient(145deg,#6885ff,#3d55d7);border-color:rgba(255,255,255,.68);color:#fff;box-shadow:inset 4px 4px 10px rgba(36,54,126,.24),inset -4px -4px 10px rgba(255,255,255,.2),5px 8px 17px rgba(75,98,190,.2)}
html[data-theme=neumorphism] .sidebar nav button.active:after{background:#dff8f3;box-shadow:0 0 9px #55c7b6}
html[data-theme=neumorphism] .main header{background:linear-gradient(145deg,#f5f8fc,#e2eaf3);border-color:rgba(255,255,255,.82);box-shadow:10px 10px 24px rgba(150,165,184,.34),-10px -10px 24px rgba(255,255,255,.86)}
html[data-theme=neumorphism] .main header:before{opacity:0}
html[data-theme=neumorphism] .main header:after{background:linear-gradient(145deg,rgba(255,255,255,.45),rgba(221,230,240,.18));border-radius:21px}
html[data-theme=neumorphism] .main header p,html[data-theme=neumorphism] .muted{color:var(--muted)}
html[data-theme=neumorphism] .card,html[data-theme=neumorphism] .modal-box{background:#e9eff6;border-color:rgba(255,255,255,.76)!important;box-shadow:var(--shadow);color:var(--text);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=neumorphism] .card:hover{box-shadow:12px 12px 28px rgba(150,165,184,.42),-12px -12px 28px rgba(255,255,255,.9)}
html[data-theme=neumorphism] .stat:after{background:linear-gradient(145deg,rgba(95,124,255,.14),rgba(85,199,182,.12))}
html[data-theme=neumorphism] .table-wrap{border:1px solid rgba(255,255,255,.66);box-shadow:inset 4px 4px 10px rgba(155,169,188,.18),inset -4px -4px 10px rgba(255,255,255,.74)}
html[data-theme=neumorphism] th{background:#dfe8f2;color:#46566c;border-color:#c8d3df}
html[data-theme=neumorphism] td{border-color:#c8d3df}html[data-theme=neumorphism] tbody tr:hover{background:rgba(255,255,255,.38)}
html[data-theme=neumorphism] .btn{background:#e9eff6;border-color:rgba(255,255,255,.72);box-shadow:6px 6px 14px rgba(145,160,181,.32),-6px -6px 14px rgba(255,255,255,.86);color:#3d55d7}
html[data-theme=neumorphism] .btn.primary{background:linear-gradient(145deg,#6d8aff,#3d55d7);color:#fff;box-shadow:7px 8px 18px rgba(77,103,210,.24),-5px -5px 13px rgba(255,255,255,.72)}
html[data-theme=neumorphism] .btn.secondary,html[data-theme=neumorphism] .icon-btn,html[data-theme=neumorphism] .mobile-menu{background:#e9eff6;color:#3d55d7;border-color:rgba(255,255,255,.74);box-shadow:6px 6px 14px rgba(145,160,181,.32),-6px -6px 14px rgba(255,255,255,.86)}
html[data-theme=neumorphism] .btn.danger{background:#ffe9ed;color:#c43c4b;border-color:#ffd0d8}
html[data-theme=neumorphism] .badge{background:#e9eff6;color:#3d55d7;border-color:rgba(255,255,255,.7);box-shadow:inset 2px 2px 5px rgba(150,165,184,.22),inset -2px -2px 5px rgba(255,255,255,.78)}
html[data-theme=neumorphism] .badge.green,html[data-theme=neumorphism] .pill{color:#2b8f65}
html[data-theme=neumorphism] .badge.red,html[data-theme=neumorphism] .pill.red{color:#c43c4b}
html[data-theme=neumorphism] .toolbar input,html[data-theme=neumorphism] .toolbar select,html[data-theme=neumorphism] .form-grid input,html[data-theme=neumorphism] .form-grid select,html[data-theme=neumorphism] textarea,html[data-theme=neumorphism] .audit-filter input,html[data-theme=neumorphism] .audit-filter select,html[data-theme=neumorphism] .pos-dialog-body input,html[data-theme=neumorphism] .pos-dialog-body select,html[data-theme=neumorphism] .pos-dialog-body textarea{background:#e9eff6;border-color:rgba(255,255,255,.7);color:var(--text);box-shadow:inset 5px 5px 11px rgba(145,160,181,.25),inset -5px -5px 11px rgba(255,255,255,.78)}
html[data-theme=neumorphism] input::placeholder,html[data-theme=neumorphism] textarea::placeholder{color:#7b8aa0}
html[data-theme=neumorphism] .toolbar input:focus,html[data-theme=neumorphism] .form-grid input:focus,html[data-theme=neumorphism] .form-grid select:focus{border-color:rgba(95,124,255,.45);box-shadow:inset 5px 5px 11px rgba(145,160,181,.24),inset -5px -5px 11px rgba(255,255,255,.78),0 0 0 3px rgba(95,124,255,.11)}
html[data-theme=neumorphism] .bar,html[data-theme=neumorphism] .hourly-bar{background:linear-gradient(180deg,#78a6ff,#55c7b6)}
html[data-theme=neumorphism] .hourly-bar.peak{background:linear-gradient(180deg,#6d8aff,#3d55d7)}
html[data-theme=neumorphism] .transaction-line path{stroke:#5f7cff}html[data-theme=neumorphism] .transaction-line circle{fill:#5f7cff;stroke:#edf2f7}
html[data-theme=neumorphism] .connection-status{background:#e9eff6;border-color:rgba(255,255,255,.74);color:#1f2a37;box-shadow:6px 6px 14px rgba(145,160,181,.32),-6px -6px 14px rgba(255,255,255,.86)}
html[data-theme=neumorphism] .connection-status span{color:#66758a}
html[data-theme=neumorphism] .theme-choice{background:#e9eff6;border-color:rgba(255,255,255,.74);box-shadow:7px 7px 16px rgba(145,160,181,.3),-7px -7px 16px rgba(255,255,255,.86)}
html[data-theme=neumorphism] .theme-choice:hover{transform:translateY(-2px);box-shadow:9px 9px 20px rgba(145,160,181,.34),-9px -9px 20px rgba(255,255,255,.9)}
html[data-theme=neumorphism] .theme-choice.active{border-color:rgba(95,124,255,.42);box-shadow:inset 5px 5px 12px rgba(145,160,181,.26),inset -5px -5px 12px rgba(255,255,255,.86),0 0 0 3px rgba(95,124,255,.09)}
html[data-theme=neumorphism] .theme-choice em{background:#e9eff6;color:#3d55d7;box-shadow:inset 2px 2px 5px rgba(145,160,181,.22),inset -2px -2px 5px rgba(255,255,255,.76)}
html[data-theme=neumorphism] .theme-preview.neumorphism{background:#e9eff6;border-color:rgba(255,255,255,.74);box-shadow:inset 4px 4px 9px rgba(145,160,181,.24),inset -4px -4px 9px rgba(255,255,255,.8)}
html[data-theme=neumorphism] .theme-field-grid label,html[data-theme=neumorphism] .theme-demo-card,html[data-theme=neumorphism] .product-card,html[data-theme=neumorphism] .area-card,html[data-theme=neumorphism] .access-group,html[data-theme=neumorphism] .drag-products>div,html[data-theme=neumorphism] .plano-row,html[data-theme=neumorphism] .database-import-help,html[data-theme=neumorphism] .database-pager select,html[data-theme=neumorphism] .database-pager input,html[data-theme=neumorphism] .hris-module,html[data-theme=neumorphism] .hris-kpi,html[data-theme=neumorphism] .hris-risk-card,html[data-theme=neumorphism] .hris-analysis-item,html[data-theme=neumorphism] .hris-workflow-step,html[data-theme=neumorphism] .hris-progress-card,html[data-theme=neumorphism] .global-notice,html[data-theme=neumorphism] .notification-rule,html[data-theme=neumorphism] .script-editor-answer{background:#e9eff6!important;border-color:rgba(255,255,255,.72)!important;color:var(--text)!important;box-shadow:6px 6px 14px rgba(145,160,181,.28),-6px -6px 14px rgba(255,255,255,.84)}
html[data-theme=neumorphism] .theme-preview-panel{background:linear-gradient(135deg,#edf2f7,#d8e1ec);border-color:rgba(255,255,255,.72);box-shadow:inset 5px 5px 12px rgba(145,160,181,.22),inset -5px -5px 12px rgba(255,255,255,.78)}
html[data-theme=neumorphism] .theme-preview-panel aside{background:linear-gradient(155deg,#e9eff6,#dce5ef);color:#1f2a37;box-shadow:inset -1px 0 0 rgba(255,255,255,.6)}
html[data-theme=neumorphism] .theme-preview-panel aside span{background:#e9eff6;color:#3d55d7;box-shadow:inset 4px 4px 9px rgba(145,160,181,.24),inset -4px -4px 9px rgba(255,255,255,.8)}
html[data-theme=neumorphism] .theme-preview-panel header{background:linear-gradient(145deg,#f5f8fc,#e2eaf3);color:#1f2a37}
html[data-theme=neumorphism] .theme-preview-panel table{background:#e9eff6;color:#1f2a37}
html[data-theme=neumorphism] .pos-mode{background:#edf2f7}
html[data-theme=neumorphism] .pos-catalog,html[data-theme=neumorphism] .pos-cart-panel,html[data-theme=neumorphism] .pos-search,html[data-theme=neumorphism] .pos-products .product-card,html[data-theme=neumorphism] .pos-shortcuts button,html[data-theme=neumorphism] .transaction-info,html[data-theme=neumorphism] .pos-summary,html[data-theme=neumorphism] .member-box{background:#e9eff6;color:#1f2a37;border-color:rgba(255,255,255,.72);box-shadow:6px 6px 14px rgba(145,160,181,.28),-6px -6px 14px rgba(255,255,255,.84)}
html[data-theme=neumorphism]{--shadow:16px 16px 34px rgba(116,133,156,.56),-16px -16px 34px rgba(255,255,255,.98)}
html[data-theme=neumorphism] body{background:linear-gradient(135deg,#e8eef5,#d4deea)}
html[data-theme=neumorphism] .sidebar{box-shadow:18px 18px 38px rgba(110,127,150,.5),-14px -14px 32px rgba(255,255,255,.96)}
html[data-theme=neumorphism] .main header{box-shadow:16px 16px 34px rgba(116,133,156,.44),-14px -14px 32px rgba(255,255,255,.96)}
html[data-theme=neumorphism] .card,html[data-theme=neumorphism] .modal-box{background:linear-gradient(145deg,#eef3f8,#dce5ef);box-shadow:var(--shadow),inset 1px 1px 0 rgba(255,255,255,.82),inset -1px -1px 0 rgba(143,162,184,.2)}
html[data-theme=neumorphism] .card:hover{box-shadow:20px 20px 40px rgba(116,133,156,.58),-18px -18px 38px rgba(255,255,255,1)}
html[data-theme=neumorphism] .stat,html[data-theme=neumorphism] .theme-choice,html[data-theme=neumorphism] .connection-status,html[data-theme=neumorphism] .brand-mark{box-shadow:12px 12px 26px rgba(116,133,156,.42),-12px -12px 26px rgba(255,255,255,.96)}
html[data-theme=neumorphism] .btn,html[data-theme=neumorphism] .icon-btn,html[data-theme=neumorphism] .mobile-menu,html[data-theme=neumorphism] .sidebar nav .nav-group-toggle,html[data-theme=neumorphism] .sidebar nav button{box-shadow:8px 8px 18px rgba(116,133,156,.38),-8px -8px 18px rgba(255,255,255,.94)}
html[data-theme=neumorphism] .btn:hover,html[data-theme=neumorphism] .icon-btn:hover,html[data-theme=neumorphism] .theme-choice:hover{box-shadow:11px 11px 24px rgba(116,133,156,.44),-11px -11px 24px rgba(255,255,255,.98)}
html[data-theme=neumorphism] .btn:active,html[data-theme=neumorphism] .icon-btn:active,html[data-theme=neumorphism] .sidebar nav button:active,html[data-theme=neumorphism] .theme-choice.active{box-shadow:inset 7px 7px 16px rgba(116,133,156,.34),inset -7px -7px 16px rgba(255,255,255,.92),0 0 0 3px rgba(95,124,255,.09)}
html[data-theme=neumorphism] .toolbar input,html[data-theme=neumorphism] .toolbar select,html[data-theme=neumorphism] .form-grid input,html[data-theme=neumorphism] .form-grid select,html[data-theme=neumorphism] textarea,html[data-theme=neumorphism] .audit-filter input,html[data-theme=neumorphism] .audit-filter select,html[data-theme=neumorphism] .pos-dialog-body input,html[data-theme=neumorphism] .pos-dialog-body select,html[data-theme=neumorphism] .pos-dialog-body textarea{background:#e3eaf2;box-shadow:inset 8px 8px 17px rgba(116,133,156,.32),inset -8px -8px 17px rgba(255,255,255,.92)}
html[data-theme=neumorphism] .table-wrap,html[data-theme=neumorphism] .theme-preview-panel{box-shadow:inset 8px 8px 18px rgba(116,133,156,.26),inset -8px -8px 18px rgba(255,255,255,.9)}
html[data-theme=neumorphism] .theme-field-grid label,html[data-theme=neumorphism] .theme-demo-card,html[data-theme=neumorphism] .product-card,html[data-theme=neumorphism] .area-card,html[data-theme=neumorphism] .access-group,html[data-theme=neumorphism] .drag-products>div,html[data-theme=neumorphism] .plano-row,html[data-theme=neumorphism] .database-import-help,html[data-theme=neumorphism] .database-pager select,html[data-theme=neumorphism] .database-pager input,html[data-theme=neumorphism] .hris-module,html[data-theme=neumorphism] .hris-kpi,html[data-theme=neumorphism] .hris-risk-card,html[data-theme=neumorphism] .hris-analysis-item,html[data-theme=neumorphism] .hris-workflow-step,html[data-theme=neumorphism] .hris-progress-card,html[data-theme=neumorphism] .global-notice,html[data-theme=neumorphism] .notification-rule,html[data-theme=neumorphism] .script-editor-answer,html[data-theme=neumorphism] .pos-catalog,html[data-theme=neumorphism] .pos-cart-panel,html[data-theme=neumorphism] .pos-search,html[data-theme=neumorphism] .pos-products .product-card,html[data-theme=neumorphism] .pos-shortcuts button,html[data-theme=neumorphism] .transaction-info,html[data-theme=neumorphism] .pos-summary,html[data-theme=neumorphism] .member-box{box-shadow:10px 10px 22px rgba(116,133,156,.38),-10px -10px 22px rgba(255,255,255,.94)!important}
html[data-theme=material]{--custom-page-bg1:#f7f9fc;--custom-page-bg2:#eef4fb;--custom-text:#1f2937;--custom-muted:#64748b;--custom-accent:#1a73e8;--custom-accent-deep:#0b57d0;--custom-sidebar1:#263238;--custom-sidebar2:#1b2530;--custom-navbar1:#ffffff;--custom-navbar2:#f8fbff;--custom-card-bg:#ffffff;--custom-card-border:#d9e2ef;--custom-table-head:#eef3f8;--custom-table-line:#e2e8f0;--custom-chart1:#1a73e8;--custom-chart2:#00a67e;--custom-button-text:#ffffff;--navy:#263238;--blue:#1a73e8;--blue-deep:#0b57d0;--cyan:#00a67e;--bg:#f7f9fc;--text:#1f2937;--muted:#64748b;--line:#e2e8f0;--glass:#ffffff;--green:#00a67e;--red:#d93025;--amber:#f9ab00;--shadow:0 1px 2px rgba(31,41,55,.08),0 6px 18px rgba(31,41,55,.12)}
html[data-theme=material] body{background:linear-gradient(180deg,#f7f9fc 0,#eef4fb 100%);color:var(--text)}
html[data-theme=material] body:before,html[data-theme=material] body:after,html[data-theme=material] .sidebar:before,html[data-theme=material] .main header:before{display:none}
html[data-theme=material] .sidebar{background:linear-gradient(180deg,#263238,#1b2530);color:#edf2f7;border-color:rgba(15,23,42,.18);border-radius:12px;box-shadow:0 2px 4px rgba(15,23,42,.14),0 12px 28px rgba(15,23,42,.2);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=material] .sidebar:after{background:linear-gradient(180deg,rgba(38,50,56,.96),rgba(27,37,48,.98));border-color:rgba(255,255,255,.08);border-radius:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme=material] .brand b,html[data-theme=material] .main h2,html[data-theme=material] .pos-brand b{background:none;color:#1f2937;filter:none;animation:none}
html[data-theme=material] .brand b{color:#ffffff}
html[data-theme=material] .brand small,html[data-theme=material] .sidebar-foot small{color:#a8b4c0;text-shadow:none}
html[data-theme=material] .brand-mark{background:#ffffff;border-color:rgba(255,255,255,.36);border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.18),0 8px 18px rgba(0,0,0,.16)}
html[data-theme=material] .sidebar nav p,html[data-theme=material] .sidebar nav .nav-group-toggle span{color:#a8b4c0}
html[data-theme=material] .sidebar nav .nav-group-toggle,html[data-theme=material] .sidebar nav button{background:transparent;border-color:transparent;color:#d5dee7;border-radius:8px;box-shadow:none;backdrop-filter:none}
html[data-theme=material] .sidebar nav button:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1);color:#ffffff;transform:translateX(2px)}
html[data-theme=material] .sidebar nav button.active{background:#1a73e8;border-color:#1a73e8;color:#ffffff;box-shadow:0 2px 4px rgba(26,115,232,.28),0 8px 16px rgba(26,115,232,.24)}
html[data-theme=material] .sidebar nav button.active:after{background:#00a67e;box-shadow:0 0 0 4px rgba(0,166,126,.16)}
html[data-theme=material] .main header{background:linear-gradient(180deg,#ffffff,#f8fbff);border-color:#d9e2ef;border-radius:12px;box-shadow:0 1px 2px rgba(31,41,55,.08),0 8px 22px rgba(31,41,55,.1);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=material] .main header:after{inset:auto 0 0;z-index:0;height:3px;background:linear-gradient(90deg,#1a73e8,#00a67e);border-radius:0;opacity:.9}
html[data-theme=material] .main header p,html[data-theme=material] .muted{color:var(--muted)}
html[data-theme=material] .card,html[data-theme=material] .modal-box{background:#ffffff;border-color:#d9e2ef!important;border-radius:12px;box-shadow:var(--shadow);color:var(--text);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=material] .card:hover{box-shadow:0 2px 4px rgba(31,41,55,.09),0 12px 28px rgba(31,41,55,.14)}
html[data-theme=material] .stat:hover,html[data-theme=material] .btn:hover,html[data-theme=material] .icon-btn:hover,html[data-theme=material] .theme-choice:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(31,41,55,.1),0 10px 24px rgba(31,41,55,.14)}
html[data-theme=material] .stat:after{background:linear-gradient(145deg,rgba(26,115,232,.13),rgba(0,166,126,.1))}
html[data-theme=material] .table-wrap{border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px rgba(31,41,55,.06),0 4px 12px rgba(31,41,55,.08)}
html[data-theme=material] th{background:#eef3f8;color:#475569;border-color:#e2e8f0}
html[data-theme=material] td{border-color:#e2e8f0}html[data-theme=material] tbody tr:hover{background:#f8fbff}
html[data-theme=material] .btn{background:#ffffff;border-color:#d0d9e6;border-radius:8px;box-shadow:0 1px 2px rgba(31,41,55,.07),0 3px 8px rgba(31,41,55,.08);color:#0b57d0}
html[data-theme=material] .btn.primary{background:#1a73e8;color:#ffffff;border-color:#1a73e8;box-shadow:0 2px 4px rgba(26,115,232,.24),0 8px 18px rgba(26,115,232,.24)}
html[data-theme=material] .btn.secondary,html[data-theme=material] .icon-btn,html[data-theme=material] .mobile-menu{background:#ffffff;color:#0b57d0;border-color:#d0d9e6;box-shadow:0 1px 2px rgba(31,41,55,.07),0 3px 8px rgba(31,41,55,.08);border-radius:8px}
html[data-theme=material] .btn.danger{background:#fce8e6;color:#b3261e;border-color:#f4c7c3}
html[data-theme=material] .badge,html[data-theme=material] .pill{background:#e8f0fe;color:#0b57d0;border-color:#c6dafc;border-radius:999px;box-shadow:none}
html[data-theme=material] .badge.green,html[data-theme=material] .pill.green{background:#e6f4ea;color:#137333;border-color:#b7dfc1}
html[data-theme=material] .badge.red,html[data-theme=material] .pill.red{background:#fce8e6;color:#b3261e;border-color:#f4c7c3}
html[data-theme=material] .badge.warning{background:#fef7e0;color:#b06000;border-color:#fdd663}
html[data-theme=material] .toolbar input,html[data-theme=material] .toolbar select,html[data-theme=material] .form-grid input,html[data-theme=material] .form-grid select,html[data-theme=material] textarea,html[data-theme=material] .audit-filter input,html[data-theme=material] .audit-filter select,html[data-theme=material] .pos-dialog-body input,html[data-theme=material] .pos-dialog-body select,html[data-theme=material] .pos-dialog-body textarea{background:#ffffff;border-color:#d0d9e6;border-radius:8px;color:var(--text);box-shadow:0 1px 2px rgba(31,41,55,.04)}
html[data-theme=material] input::placeholder,html[data-theme=material] textarea::placeholder{color:#94a3b8}
html[data-theme=material] .toolbar input:focus,html[data-theme=material] .form-grid input:focus,html[data-theme=material] .form-grid select:focus{border-color:#1a73e8;box-shadow:0 0 0 3px rgba(26,115,232,.13)}
html[data-theme=material] .bar,html[data-theme=material] .hourly-bar{background:#1a73e8;box-shadow:0 4px 10px rgba(26,115,232,.22);border-color:#1a73e8}
html[data-theme=material] .hourly-bar.peak{background:#00a67e}
html[data-theme=material] .transaction-line path{stroke:#1a73e8}html[data-theme=material] .transaction-line circle{fill:#1a73e8;stroke:#ffffff}
html[data-theme=material] .connection-status{background:#ffffff;border-color:#d9e2ef;color:#1f2937;box-shadow:0 1px 2px rgba(31,41,55,.08),0 6px 16px rgba(31,41,55,.1);border-radius:8px}
html[data-theme=material] .connection-status span{color:#64748b}
html[data-theme=material] .theme-choice{background:#ffffff;border-color:#d9e2ef;border-radius:12px;box-shadow:0 1px 2px rgba(31,41,55,.06),0 5px 14px rgba(31,41,55,.09)}
html[data-theme=material] .theme-choice.active{border-color:#1a73e8;box-shadow:0 0 0 3px rgba(26,115,232,.12),0 2px 4px rgba(31,41,55,.09),0 12px 24px rgba(31,41,55,.12)}
html[data-theme=material] .theme-choice em{background:#e8f0fe;color:#0b57d0;box-shadow:none}
html[data-theme=material] .theme-preview.material{background:#ffffff;border-color:#d9e2ef;box-shadow:0 1px 2px rgba(31,41,55,.08),0 4px 12px rgba(31,41,55,.1)}
html[data-theme=material] .theme-field-grid label,html[data-theme=material] .theme-demo-card,html[data-theme=material] .product-card,html[data-theme=material] .area-card,html[data-theme=material] .access-group,html[data-theme=material] .drag-products>div,html[data-theme=material] .plano-row,html[data-theme=material] .database-import-help,html[data-theme=material] .database-pager select,html[data-theme=material] .database-pager input,html[data-theme=material] .hris-module,html[data-theme=material] .hris-kpi,html[data-theme=material] .hris-risk-card,html[data-theme=material] .hris-analysis-item,html[data-theme=material] .hris-workflow-step,html[data-theme=material] .hris-progress-card,html[data-theme=material] .global-notice,html[data-theme=material] .notification-rule,html[data-theme=material] .script-editor-answer{background:#ffffff!important;border-color:#d9e2ef!important;color:var(--text)!important;box-shadow:0 1px 2px rgba(31,41,55,.06),0 5px 14px rgba(31,41,55,.08)!important;border-radius:10px}
html[data-theme=material] .theme-preview-panel{background:linear-gradient(180deg,#f7f9fc,#eef4fb);border-color:#d9e2ef;border-radius:12px;box-shadow:0 1px 2px rgba(31,41,55,.07),0 8px 20px rgba(31,41,55,.1)}
html[data-theme=material] .theme-preview-panel aside{background:linear-gradient(180deg,#263238,#1b2530);color:#ffffff;box-shadow:inset -1px 0 0 rgba(255,255,255,.08)}
html[data-theme=material] .theme-preview-panel aside span{background:#1a73e8;color:#ffffff;border-radius:8px;box-shadow:0 2px 4px rgba(26,115,232,.24)}
html[data-theme=material] .theme-preview-panel header{background:#ffffff;color:#1f2937;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px rgba(31,41,55,.05)}
html[data-theme=material] .theme-preview-panel table{background:#ffffff;color:#1f2937}
html[data-theme=material] .pos-mode{background:#f7f9fc}
html[data-theme=material] .pos-topbar{background:linear-gradient(90deg,#263238,#1b2530);color:#ffffff;box-shadow:0 2px 4px rgba(15,23,42,.16),0 10px 24px rgba(15,23,42,.2);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=material] .pos-topbar:before,html[data-theme=material] .pos-topbar:after{display:none}
html[data-theme=material] .pos-brand b{color:#ffffff}
html[data-theme=material] .pos-brand small,html[data-theme=material] .pos-kpis small{color:#a8b4c0}
html[data-theme=material] .pos-kpis span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);backdrop-filter:none}
html[data-theme=material] .pos-top-actions button{background:#1a73e8;color:#ffffff;border-color:#1a73e8;box-shadow:0 2px 4px rgba(26,115,232,.25),0 8px 18px rgba(26,115,232,.2);backdrop-filter:none;border-radius:8px}
html[data-theme=material] .pos-catalog,html[data-theme=material] .pos-cart-panel,html[data-theme=material] .pos-search,html[data-theme=material] .pos-products .product-card,html[data-theme=material] .pos-shortcuts button,html[data-theme=material] .transaction-info,html[data-theme=material] .pos-summary,html[data-theme=material] .member-box{background:#ffffff;color:#1f2937;border-color:#d9e2ef;box-shadow:0 1px 2px rgba(31,41,55,.06),0 5px 14px rgba(31,41,55,.08);border-radius:10px}
html[data-theme=rainbow]{--custom-page-bg1:#fff7ed;--custom-page-bg2:#e0f2fe;--custom-text:#172033;--custom-muted:#64748b;--custom-accent:#ec4899;--custom-accent-deep:#7c3aed;--custom-sidebar1:#0f172a;--custom-sidebar2:#581c87;--custom-navbar1:#38bdf8;--custom-navbar2:#f472b6;--custom-card-bg:#ffffff;--custom-card-border:#c7d2fe;--custom-table-head:#fef3c7;--custom-table-line:#ddd6fe;--custom-chart1:#22c55e;--custom-chart2:#f97316;--custom-button-text:#ffffff;--text:#172033;--muted:#64748b;--blue:#ec4899;--blue-deep:#7c3aed;--cyan:#f97316;--glass:rgba(255,255,255,.76);--line:#ddd6fe;--shadow:0 18px 45px rgba(88,28,135,.16),inset 0 1px 0 rgba(255,255,255,.72)}
html[data-theme=rainbow] body{background:radial-gradient(circle at 76% 8%,rgba(244,114,182,.28),transparent 30%),radial-gradient(circle at 20% 86%,rgba(34,197,94,.22),transparent 34%),linear-gradient(135deg,#fff7ed,#e0f2fe 52%,#f5d0fe);color:var(--text)}
html[data-theme=rainbow] .sidebar{background:linear-gradient(155deg,#0f172a,#581c87);border-color:rgba(244,114,182,.38)}
html[data-theme=rainbow] .sidebar:before{background:conic-gradient(from 30deg,#0ea5e9,#ec4899,#f97316,#22c55e,#7c3aed,#0ea5e9);opacity:.66}
html[data-theme=rainbow] .sidebar:after{background:linear-gradient(155deg,rgba(15,23,42,.72),rgba(88,28,135,.58));border-color:rgba(255,255,255,.16)}
html[data-theme=rainbow] .sidebar nav button.active{background:linear-gradient(135deg,rgba(236,72,153,.56),rgba(14,165,233,.34));border-color:rgba(255,255,255,.34);color:#fff}
html[data-theme=rainbow] .main header{background:linear-gradient(130deg,rgba(56,189,248,.34),rgba(244,114,182,.3));border-color:rgba(255,255,255,.74)}
html[data-theme=rainbow] .main header:before{background:conic-gradient(from 20deg,#38bdf8,#f472b6,#f97316,#22c55e,#7c3aed,#38bdf8);opacity:.7}
html[data-theme=rainbow] .card,html[data-theme=rainbow] .modal-box{background:rgba(255,255,255,.76);border-color:#c7d2fe;color:var(--text)}
html[data-theme=rainbow] th{background:#fef3c7;color:#581c87;border-color:#ddd6fe}html[data-theme=rainbow] td{border-color:#ddd6fe}
html[data-theme=rainbow] .btn.primary{background:linear-gradient(145deg,#ec4899,#7c3aed);color:#fff}
html[data-theme=rainbow] .btn.secondary,html[data-theme=rainbow] .icon-btn,html[data-theme=rainbow] .mobile-menu{background:rgba(255,255,255,.72);color:#7c3aed;border-color:#c7d2fe}
html[data-theme=rainbow] .bar,html[data-theme=rainbow] .hourly-bar{background:linear-gradient(180deg,#22c55e,#f97316)}
html[data-theme=rainbow] .hourly-bar.peak{background:linear-gradient(180deg,#f472b6,#7c3aed)}
html[data-theme=custom] body{background:linear-gradient(135deg,var(--custom-page-bg1),var(--custom-page-bg2));color:var(--text)}
html[data-theme=custom] body:before{background:color-mix(in srgb,var(--custom-accent) 20%,transparent)}html[data-theme=custom] body:after{background:color-mix(in srgb,var(--custom-chart2) 18%,transparent)}
html[data-theme=custom] .sidebar{background:linear-gradient(155deg,var(--custom-sidebar1),var(--custom-sidebar2));border-color:color-mix(in srgb,var(--custom-accent) 35%,transparent);box-shadow:16px 18px 45px rgba(20,35,70,.24),inset 0 1px 0 rgba(255,255,255,.2)}
html[data-theme=custom] .sidebar:before{background:conic-gradient(from 30deg,var(--custom-sidebar1),var(--custom-accent),var(--custom-chart1),var(--custom-sidebar2),var(--custom-sidebar1));opacity:.5}
html[data-theme=custom] .sidebar:after{background:linear-gradient(155deg,color-mix(in srgb,var(--custom-sidebar1) 72%,transparent),color-mix(in srgb,var(--custom-sidebar2) 64%,transparent));border-color:color-mix(in srgb,var(--custom-accent) 20%,transparent)}
html[data-theme=custom] .sidebar nav button{color:color-mix(in srgb,var(--custom-button-text) 76%,var(--custom-muted));background:color-mix(in srgb,var(--custom-accent) 6%,transparent)}
html[data-theme=custom] .sidebar nav button:hover{background:color-mix(in srgb,var(--custom-accent) 18%,transparent);border-color:color-mix(in srgb,var(--custom-accent) 30%,transparent);color:var(--custom-button-text)}
html[data-theme=custom] .sidebar nav button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--custom-accent) 56%,transparent),color-mix(in srgb,var(--custom-sidebar2) 65%,transparent));border-color:color-mix(in srgb,var(--custom-accent) 42%,transparent);color:var(--custom-button-text)}
html[data-theme=custom] .sidebar nav button.active:after{background:var(--custom-chart2);box-shadow:0 0 9px var(--custom-chart2)}
html[data-theme=custom] .brand b,html[data-theme=custom] .main h2,html[data-theme=custom] .pos-brand b{background:linear-gradient(105deg,var(--custom-button-text),var(--custom-accent),var(--custom-chart2));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme=custom] .brand small,html[data-theme=custom] .sidebar-foot small{color:color-mix(in srgb,var(--custom-button-text) 70%,var(--custom-muted))}
html[data-theme=custom] .main header{background:linear-gradient(130deg,color-mix(in srgb,var(--custom-navbar1) 72%,transparent),color-mix(in srgb,var(--custom-navbar2) 64%,transparent));border-color:color-mix(in srgb,var(--custom-card-border) 80%,transparent);box-shadow:0 18px 45px rgba(40,70,130,.14),inset 0 1px 0 rgba(255,255,255,.32)}
html[data-theme=custom] .main header:before{background:conic-gradient(from 20deg,var(--custom-navbar1),var(--custom-accent),var(--custom-chart1),var(--custom-chart2),var(--custom-navbar2),var(--custom-navbar1));opacity:.45}
html[data-theme=custom] .main header:after{background:linear-gradient(125deg,color-mix(in srgb,var(--custom-navbar1) 54%,transparent),color-mix(in srgb,var(--custom-navbar2) 48%,transparent))}
html[data-theme=custom] .main header p,html[data-theme=custom] .muted{color:var(--muted)}
html[data-theme=custom] .card,html[data-theme=custom] .modal-box{background:color-mix(in srgb,var(--custom-card-bg) 82%,transparent);border-color:var(--custom-card-border);box-shadow:var(--shadow);color:var(--text)}
html[data-theme=custom] th{background:var(--custom-table-head);color:var(--text);border-color:var(--custom-table-line)}
html[data-theme=custom] td{border-color:var(--custom-table-line)}html[data-theme=custom] tbody tr:hover{background:color-mix(in srgb,var(--custom-accent) 10%,transparent)}
html[data-theme=custom] .btn.primary{background:linear-gradient(145deg,var(--custom-accent),var(--custom-accent-deep));color:var(--custom-button-text);box-shadow:5px 8px 18px color-mix(in srgb,var(--custom-accent) 30%,transparent)}
html[data-theme=custom] .btn.secondary,html[data-theme=custom] .icon-btn,html[data-theme=custom] .mobile-menu{background:color-mix(in srgb,var(--custom-card-bg) 72%,transparent);color:var(--custom-accent-deep);border-color:var(--custom-card-border)}
html[data-theme=custom] .badge{background:color-mix(in srgb,var(--custom-accent) 12%,transparent);color:var(--custom-accent-deep);border-color:color-mix(in srgb,var(--custom-accent) 18%,transparent)}
html[data-theme=custom] .toolbar input,html[data-theme=custom] .toolbar select,html[data-theme=custom] .form-grid input,html[data-theme=custom] .form-grid select,html[data-theme=custom] textarea,html[data-theme=custom] .audit-filter input,html[data-theme=custom] .audit-filter select{background:color-mix(in srgb,var(--custom-card-bg) 78%,#fff);border-color:var(--custom-card-border);color:var(--text)}
html[data-theme=custom] .bar,html[data-theme=custom] .hourly-bar{background:linear-gradient(180deg,var(--custom-chart1),var(--custom-chart2))}
html[data-theme=custom] .hourly-bar.peak{background:linear-gradient(180deg,var(--custom-accent),var(--custom-accent-deep))}
html[data-theme=custom] .transaction-line path{stroke:var(--custom-accent)}html[data-theme=custom] .transaction-line circle{fill:var(--custom-accent)}
html[data-theme=custom] .connection-status{background:color-mix(in srgb,var(--custom-card-bg) 82%,transparent);border-color:var(--custom-card-border);color:var(--text)}
.theme-custom-card{max-width:1180px}.theme-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.theme-custom-card-hidden .card-head{margin-bottom:0}.theme-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.theme-field-grid label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.42)}.theme-field-grid b,.theme-field-grid small{display:block}.theme-field-grid b{font-size:11px}.theme-field-grid small{margin-top:3px;color:var(--muted);font-size:8px}.theme-field-grid input[type=color]{width:42px;height:34px;min-width:42px;padding:2px;border:1px solid var(--line);border-radius:9px;background:transparent;cursor:pointer}.theme-preview-panel{display:grid;grid-template-columns:150px 1fr;min-height:220px;margin-top:16px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(135deg,var(--custom-page-bg1,#f5f9ff),var(--custom-page-bg2,#eaf1ff))}.theme-preview-panel aside{padding:15px;background:linear-gradient(155deg,var(--custom-sidebar1,#10213f),var(--custom-sidebar2,#1b274b));color:var(--custom-button-text,#fff)}.theme-preview-panel aside b,.theme-preview-panel aside span{display:block}.theme-preview-panel aside span{margin-top:10px;padding:8px;border-radius:10px;background:color-mix(in srgb,var(--custom-accent,#4f7cff) 40%,transparent)}.theme-preview-panel main{display:grid;grid-template-rows:auto 1fr}.theme-preview-panel header{padding:13px 16px;background:linear-gradient(130deg,var(--custom-navbar1,#fff),var(--custom-navbar2,#eaf1ff));color:var(--custom-text,#17233d);font-weight:900}.theme-preview-panel section{display:grid;gap:10px;padding:14px}.theme-demo-card{padding:15px;border:1px solid var(--custom-card-border,#dfe8f4);border-radius:12px;background:var(--custom-card-bg,#fff);color:var(--custom-text,#17233d);font-weight:900}.theme-preview-panel table{background:var(--custom-card-bg,#fff);border-radius:10px;overflow:hidden}.theme-preview-panel th{background:var(--custom-table-head,#eef4ff)}.theme-preview-panel td{border-color:var(--custom-table-line,#dce6f4)}.theme-demo-chart{height:70px;display:flex;align-items:end;gap:8px}.theme-demo-chart i{flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,var(--custom-chart1,#6c8fff),var(--custom-chart2,#2fc7d2))}.theme-demo-chart i:nth-child(1){height:45%}.theme-demo-chart i:nth-child(2){height:86%}.theme-demo-chart i:nth-child(3){height:62%}@media(max-width:700px){.theme-preview-panel{grid-template-columns:1fr}.theme-card-actions{justify-content:flex-start}}
.attendance-layout{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(280px,.95fr);gap:14px}.attendance-scan-card,.attendance-detail-card{align-self:start}.attendance-camera{position:relative;display:grid;place-items:center;min-height:320px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#0f172a,#22345a)}.attendance-camera video{width:100%;height:100%;min-height:320px;object-fit:cover}.attendance-camera:after{content:"";position:absolute;inset:36px;border:2px solid rgba(255,255,255,.82);border-radius:8px;box-shadow:0 0 0 999px rgba(7,13,24,.22);pointer-events:none}.attendance-camera #attendance-camera-placeholder{position:absolute;z-index:2;display:grid;place-items:center;color:#fff}.attendance-camera-icon{position:relative;width:54px;height:38px;border:3px solid rgba(255,255,255,.88);border-radius:9px;background:rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(0,0,0,.26)}.attendance-camera-icon:before{content:"";position:absolute;left:13px;top:7px;width:18px;height:18px;border:3px solid rgba(255,255,255,.9);border-radius:50%}.attendance-camera-icon:after{content:"";position:absolute;left:10px;top:-9px;width:20px;height:8px;border-radius:6px 6px 0 0;background:rgba(255,255,255,.88)}.attendance-feedback{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#f7faff}.attendance-feedback b,.attendance-feedback span{display:block}.attendance-feedback span{margin-top:4px;color:var(--muted);font-size:12px}.attendance-feedback.success{background:#eafaf2;border-color:#b8ead1;color:#136f42}.attendance-feedback.warning{background:#fff8e1;border-color:#f2d17a;color:#8a6100}.attendance-feedback.danger{background:#fff1f1;border-color:#ffc4c4;color:#b72b2b}.attendance-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.attendance-file-scan{position:relative;overflow:hidden}.attendance-file-scan input{position:absolute;inset:0;opacity:0;cursor:pointer}.attendance-empty{padding:28px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);text-align:center}.attendance-employee-card{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:8px;background:#f8fbff}.attendance-employee-card>span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;font-size:24px;font-weight:900}.attendance-employee-card b,.attendance-employee-card small{display:block}.attendance-employee-card small{margin-top:4px;color:var(--muted)}.attendance-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.attendance-status-grid div{padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.attendance-status-grid small,.attendance-status-grid b{display:block}.attendance-status-grid small{color:var(--muted);font-size:10px}.attendance-rule-box{margin-top:12px;padding:12px;border-radius:8px;background:#f5f8ff;border:1px solid var(--line)}.attendance-rule-box b,.attendance-rule-box span{display:block}.attendance-rule-box span{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.45}.attendance-qr-payload{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fbff}.attendance-qr-payload span{padding:12px;border-radius:8px;background:#fff;border:1px dashed var(--line);font:14px Consolas,monospace;color:#315fc5;overflow-wrap:anywhere}.attendance-event-table td:first-child{font-weight:900;color:#315fc5}@media(max-width:900px){.attendance-layout{grid-template-columns:1fr}.attendance-status-grid{grid-template-columns:1fr}.attendance-camera,.attendance-camera video{min-height:260px}}
.attendance-page .attendance-layout{grid-template-columns:minmax(300px,340px) minmax(0,1fr);align-items:start}.attendance-page .attendance-scan-card,.attendance-page .attendance-monitor-card{min-width:0}.attendance-page .attendance-camera{min-height:245px}.attendance-page .attendance-camera video{min-height:245px}.attendance-page .attendance-camera:after{inset:28px}.attendance-table-summary{display:flex;justify-content:flex-end;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:800}.attendance-table-summary b{padding:4px 8px;border-radius:999px;background:rgba(21,163,109,.1);color:var(--green);border:1px solid rgba(21,163,109,.14)}.attendance-monitor-wrap{max-height:calc(100vh - 215px);overflow-x:hidden;overflow-y:auto}.attendance-monitor-table{table-layout:fixed}.attendance-monitor-table th,.attendance-monitor-table td{white-space:normal;overflow-wrap:break-word;word-break:normal}.attendance-monitor-table th:nth-child(1){width:58px}.attendance-monitor-table th:nth-child(2){width:20%}.attendance-monitor-table th:nth-child(3){width:14%}.attendance-monitor-table th:nth-child(4){width:18%}.attendance-monitor-table th:nth-child(5),.attendance-monitor-table th:nth-child(6){width:12%}.attendance-monitor-table th:nth-child(7){width:auto}.attendance-monitor-table th{position:sticky;top:0;z-index:2}.attendance-monitor-table td{vertical-align:top}.attendance-monitor-table td b,.attendance-monitor-table td small{display:block}.attendance-monitor-table td small{margin-top:4px;color:var(--muted);font-size:10px}.attendance-status-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(231,166,39,.13)}.attendance-status-dot.green{background:var(--green);box-shadow:0 0 0 4px rgba(21,163,109,.13)}.attendance-status-dot.red{background:var(--red);box-shadow:0 0 0 4px rgba(227,76,76,.13)}.attendance-status-dot.warning{background:var(--amber);box-shadow:0 0 0 4px rgba(231,166,39,.13)}.attendance-clock-label{display:inline-grid;place-items:center;min-width:28px;margin-right:5px;padding:2px 5px;border-radius:999px;background:rgba(79,124,255,.1);color:#315fc5;font-size:9px;font-weight:900}.attendance-monitor-table tr.attendance-missing td{background:#fff5f5}.attendance-monitor-table tr.attendance-missing td:first-child{border-left:4px solid #d64b4b}.attendance-scanner-box{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:12px}.attendance-scanner-box label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800}.attendance-scanner-box input{width:100%;min-height:39px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px;color:var(--text)}.attendance-scanner-box input.scan-mode{border-color:rgba(79,124,255,.45);box-shadow:0 0 0 3px rgba(79,124,255,.1),inset 1px 1px 0 #fff}.attendance-extra-box{margin-top:10px;grid-template-columns:1fr;gap:8px}.attendance-extra-box label{font-size:10px;font-weight:800;color:var(--muted)}.attendance-extra-box input:not([type=checkbox]){min-height:38px;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.attendance-extra-box .badge{justify-self:start}@media(max-width:1100px){.attendance-page .attendance-layout{grid-template-columns:1fr}.attendance-monitor-wrap{max-height:none}.attendance-page .attendance-camera,.attendance-page .attendance-camera video{min-height:260px}}@media(max-width:680px){.attendance-monitor-table{font-size:12px}.attendance-monitor-table th,.attendance-monitor-table td{padding:9px 7px}.attendance-monitor-table th:nth-child(4),.attendance-monitor-table td:nth-child(4){display:none}}@media(max-width:520px){.attendance-scanner-box{grid-template-columns:1fr}.attendance-scanner-box .btn{width:100%}.attendance-monitor-table th:nth-child(7),.attendance-monitor-table td:nth-child(7){display:none}}
.position-shift-patterns table{table-layout:fixed}.position-shift-patterns th:nth-child(1){width:30%}.position-shift-patterns th:nth-child(2){width:32%}.position-shift-patterns select{width:100%;min-height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:7px 9px;color:var(--text);font-weight:800}.position-shift-patterns td small{display:block;line-height:1.35}
.shift-cell-stack{display:grid;gap:4px;min-height:32px;align-content:start}.shift-cell-stack>.muted{align-self:center}.shift-cell-person{display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:5px;align-items:center;min-height:16px}.shift-cell-person span{min-width:0;font-weight:400;line-height:1.25;overflow-wrap:anywhere}.shift-cell-empty{visibility:hidden;pointer-events:none}.shift-cell-empty i{display:block;width:16px;height:16px}.shift-delete-btn,.shift-add-btn{justify-self:end;width:16px;height:16px;display:grid;place-items:center;border-radius:5px;padding:0;font-size:12px;font-weight:900;line-height:1;cursor:pointer}.shift-delete-btn{border:1px solid color-mix(in srgb,var(--custom-danger-text,var(--red)) 28%,var(--line));background:var(--custom-danger-bg,color-mix(in srgb,var(--red) 10%,var(--glass)));color:var(--custom-danger-text,var(--red))}.shift-delete-btn:hover{background:color-mix(in srgb,var(--custom-danger-bg,var(--red)) 18%,var(--glass))}.shift-add-btn{border:1px solid color-mix(in srgb,var(--blue) 34%,var(--line));background:color-mix(in srgb,var(--blue) 9%,#fff);color:#315fc5}.shift-add-btn:hover{background:color-mix(in srgb,var(--blue) 15%,#fff)}.shift-delete-btn:disabled,.shift-add-btn:disabled{opacity:.55;cursor:not-allowed}.shift-manual-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 12px}.shift-manual-context span{display:block;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#f8fbff}.shift-manual-context b,.shift-manual-context small{display:block}.shift-manual-context small{margin-top:3px;color:var(--muted);font-size:10px}

html[data-theme=dark] .finance-statement .total-row span,html[data-theme=dark] .stat .top,html[data-theme=dark] .form-grid label,html[data-theme=dark] .bar-wrap,html[data-theme=dark] .hourly-bar-wrap,html[data-theme=dark] .hourly-legend{color:#ead8b5}
html[data-theme=dark] .finance-statement .total-row.strong span,html[data-theme=dark] .finance-statement .total-row.strong b,html[data-theme=dark] .finance-statement .total-row.grand span,html[data-theme=dark] .finance-statement .total-row.grand b{color:#fff6e8}
html[data-theme=custom] .finance-statement .total-row span,html[data-theme=custom] .stat .top,html[data-theme=custom] .form-grid label,html[data-theme=custom] .bar-wrap,html[data-theme=custom] .hourly-bar-wrap,html[data-theme=custom] .hourly-legend{color:color-mix(in srgb,var(--muted) 45%,#fff)}
html[data-theme=custom] .finance-statement .total-row.strong span,html[data-theme=custom] .finance-statement .total-row.strong b,html[data-theme=custom] .finance-statement .total-row.grand span,html[data-theme=custom] .finance-statement .total-row.grand b{color:color-mix(in srgb,var(--text) 70%,#fff)}
html[data-theme=dark] .card,html[data-theme=dark] .modal-box{background:linear-gradient(145deg,rgba(31,18,9,.9),rgba(12,8,5,.86));border-color:rgba(214,168,79,.32);color:#fff6e8}
html[data-theme=dark] .card h3,html[data-theme=dark] .card b,html[data-theme=dark] .modal-box h3,html[data-theme=dark] .modal-box b,html[data-theme=dark] td b{color:#fff3d1}
html[data-theme=dark] .card small,html[data-theme=dark] .card p,html[data-theme=dark] .muted,html[data-theme=dark] td small,html[data-theme=dark] .form-grid label,html[data-theme=dark] .toolbar label{color:#d7bd8c}
html[data-theme=dark] .stat{background:linear-gradient(145deg,rgba(45,26,12,.94),rgba(13,9,5,.9))}
html[data-theme=dark] .stat:after{background:linear-gradient(145deg,rgba(214,168,79,.2),rgba(143,88,29,.06))}
html[data-theme=dark] .stat h3,html[data-theme=dark] .total-row b,html[data-theme=dark] .grand{color:#fff6e8}
html[data-theme=dark] .table-wrap{background:rgba(8,5,3,.58);border:1px solid rgba(214,168,79,.16)}
html[data-theme=dark] table{color:#f7eddd}
html[data-theme=dark] th{background:#3a240f;color:#f4d994;border-color:rgba(214,168,79,.32)}
html[data-theme=dark] td{background:rgba(22,13,7,.72);border-color:rgba(214,168,79,.16);color:#f7eddd}
html[data-theme=dark] tbody tr:hover td{background:rgba(49,29,14,.86)}
html[data-theme=dark] .empty{color:#d7bd8c}
html[data-theme=dark] .badge{background:rgba(214,168,79,.14);color:#f3d58b;border-color:rgba(214,168,79,.24)}
html[data-theme=dark] .badge.green,html[data-theme=dark] .pill{background:rgba(115,208,153,.13);color:#a9ebc1;border-color:rgba(115,208,153,.22)}
html[data-theme=dark] .badge.red,html[data-theme=dark] .pill.red{background:rgba(255,122,116,.14);color:#ffbbb6;border-color:rgba(255,122,116,.24)}
html[data-theme=dark] .badge.warning{background:rgba(214,168,79,.2);color:#ffe0a2;border-color:rgba(214,168,79,.34)}
html[data-theme=dark] .owner-command,html[data-theme=dark] .owner-metric,html[data-theme=dark] .owner-health-row,html[data-theme=dark] .owner-analysis-item,html[data-theme=dark] .owner-insight,html[data-theme=dark] .owner-share-row,html[data-theme=dark] .owner-priority,html[data-theme=dark] .owner-product-row,html[data-theme=dark] .audit-summary-strip span,html[data-theme=dark] .audit-item-row,html[data-theme=dark] .audit-flow-card span,html[data-theme=dark] .audit-flow-steps span,html[data-theme=dark] .audit-decision-flow,html[data-theme=dark] .audit-responsibility-grid>div,html[data-theme=dark] .proportional-grid label,html[data-theme=dark] .recommend-row,html[data-theme=dark] .pending-info span,html[data-theme=dark] .payment-confirm-list,html[data-theme=dark] .payment-confirm-list>div,html[data-theme=dark] .payment-total,html[data-theme=dark] .shift-summary>div,html[data-theme=dark] .shift-payments>div,html[data-theme=dark] .shift-expected,html[data-theme=dark] .cashier-shift-row,html[data-theme=dark] .shift-generator-slots span,html[data-theme=dark] .theme-field-grid label,html[data-theme=dark] .theme-demo-card{background:rgba(24,14,8,.82)!important;border-color:rgba(214,168,79,.25)!important;color:#f7eddd!important;box-shadow:inset 0 1px 0 rgba(244,217,144,.06)}
html[data-theme=dark] .owner-command h3,html[data-theme=dark] .owner-command-value b,html[data-theme=dark] .owner-metric b,html[data-theme=dark] .owner-health-row strong,html[data-theme=dark] .owner-analysis-item b,html[data-theme=dark] .owner-risk-gauge b,html[data-theme=dark] .owner-trend-bars b,html[data-theme=dark] .owner-margin-row strong,html[data-theme=dark] .pending-info b,html[data-theme=dark] .shift-summary b,html[data-theme=dark] .payment-total b{color:#fff3d1}
html[data-theme=dark] .owner-metric.red,html[data-theme=dark] .owner-health-row.red,html[data-theme=dark] .owner-analysis-item.red,html[data-theme=dark] .recommend-row.best{background:rgba(57,25,18,.86)!important;border-color:rgba(255,122,116,.28)!important}
html[data-theme=dark] .owner-metric.red b,html[data-theme=dark] .owner-health-row.red strong,html[data-theme=dark] .owner-analysis-item.red b{color:#ffbbb6}
html[data-theme=dark] .owner-health-row.green,html[data-theme=dark] .owner-analysis-item.green{background:rgba(17,45,28,.72)!important;border-color:rgba(115,208,153,.25)!important}
html[data-theme=dark] .owner-health-row.green strong,html[data-theme=dark] .owner-analysis-item.green b{color:#a9ebc1}
html[data-theme=dark] .owner-risk-gauge{background:conic-gradient(var(--risk-color) calc(var(--score)*1%),#3a240f 0);box-shadow:inset 0 0 0 1px rgba(214,168,79,.28)}
html[data-theme=dark] .owner-risk-gauge:before{background:#120b06}
html[data-theme=dark] .owner-share-row span,html[data-theme=dark] .owner-margin-row span,html[data-theme=dark] .shelf-meter{background:rgba(214,168,79,.14)}
html[data-theme=dark] .owner-trend-chart polygon{fill:rgba(214,168,79,.1)}
html[data-theme=dark] .owner-trend-chart polyline{stroke:#f3d58b}
html[data-theme=dark] .owner-trend-chart circle{fill:#120b06;stroke:#f3d58b}
html[data-theme=dark] .owner-trend-bars i,html[data-theme=dark] .owner-hour-bars i,html[data-theme=dark] .owner-share-row i,html[data-theme=dark] .owner-margin-row i{background:linear-gradient(180deg,#f3d58b,#8f581d)}
html[data-theme=dark] .product-card,html[data-theme=dark] .area-card,html[data-theme=dark] .access-group,html[data-theme=dark] .drag-products>div,html[data-theme=dark] .plano-row,html[data-theme=dark] .plano-row span,html[data-theme=dark] .plano-row i,html[data-theme=dark] .database-import-help,html[data-theme=dark] .database-pager select,html[data-theme=dark] .database-pager input{background:rgba(24,14,8,.82)!important;border-color:rgba(214,168,79,.24)!important;color:#f7eddd!important}
html[data-theme=dark] .product-card small,html[data-theme=dark] .access-group>b,html[data-theme=dark] .access-group-head>b,html[data-theme=dark] .plano-row>b,html[data-theme=dark] .plano-row small,html[data-theme=dark] .database-import-help span{color:#d7bd8c}
html[data-theme=dark] .access-mini-actions button{background:rgba(255,238,211,.08);border-color:rgba(214,168,79,.28);color:#f7eddd}
html[data-theme=dark] .access-mini-actions button:hover{background:rgba(214,168,79,.16)}
html[data-theme=dark] .access-menu-row{background:rgba(255,238,211,.06);border-color:rgba(214,168,79,.18)}
html[data-theme=dark] .access-menu-title b{color:#f7eddd}
html[data-theme=dark] .access-menu-title small{color:#d7bd8c}
html[data-theme=dark] .access-action-set label{background:rgba(255,238,211,.08);border-color:rgba(214,168,79,.22);color:#f7eddd}
html[data-theme=dark] .access-action-set label:hover{background:rgba(214,168,79,.16)}
html[data-theme=dark] .access-action-set label.danger{color:#ffb4a8}
html[data-theme=dark] .access-role-tabs button{background:rgba(255,238,211,.07);border-color:rgba(214,168,79,.18);color:#f7eddd}
html[data-theme=dark] .access-role-tabs button.active{background:rgba(214,168,79,.16);border-color:rgba(214,168,79,.42)}
html[data-theme=dark] .access-role-tabs span{color:#d7bd8c}
html[data-theme=dark] .access-table-group td{background:#3a240f;color:#f4d994}
html[data-theme=dark] .access-table-group button{background:rgba(255,238,211,.08);border-color:rgba(214,168,79,.28);color:#f7eddd}
html[data-theme=dark] .access-table-group button:hover{background:rgba(214,168,79,.16)}
html[data-theme=dark] .access-new-role-note{background:rgba(255,238,211,.07);border-color:rgba(214,168,79,.18)}
html[data-theme=dark] .access-new-role-note b{color:#f7eddd}
html[data-theme=dark] .access-new-role-note span{color:#d7bd8c}
html[data-theme=dark] .access-new-role-note.warning{background:rgba(214,168,79,.14);border-color:rgba(214,168,79,.38)}
html[data-theme=dark] .access-new-role-note.warning b{color:#f4d994}
html[data-theme=dark] .access-new-role-note.warning span{color:#f7eddd}
html[data-theme=dark] .product-icon{background:linear-gradient(145deg,rgba(56,33,15,.86),rgba(17,10,6,.86))!important;color:#f3d58b!important}
html[data-theme=dark] .toolbar input,html[data-theme=dark] .toolbar select,html[data-theme=dark] .form-grid input,html[data-theme=dark] .form-grid select,html[data-theme=dark] textarea,html[data-theme=dark] .audit-filter input,html[data-theme=dark] .audit-filter select,html[data-theme=dark] .pos-dialog-body input,html[data-theme=dark] .pos-dialog-body select,html[data-theme=dark] .pos-dialog-body textarea{background:rgba(8,5,3,.84)!important;border-color:rgba(214,168,79,.34)!important;color:#fff8e8!important;box-shadow:inset 1px 1px 0 rgba(244,217,144,.08)}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#cdae76}
html[data-theme=dark] .pos-dark .pos-shell,html[data-theme=dark] .pos-dark .pos-catalog,html[data-theme=dark] .pos-dark .pos-workspace{background:#0d0805;color:#f7eddd}
html[data-theme=dark] .pos-dark .pos-categories,html[data-theme=dark] .pos-dark .pos-cart-panel,html[data-theme=dark] .pos-dark .pos-search,html[data-theme=dark] .pos-dark .pos-products .product-card,html[data-theme=dark] .pos-dark .pos-shortcuts button,html[data-theme=dark] .pos-dark .transaction-info,html[data-theme=dark] .pos-dark .pos-summary,html[data-theme=dark] .pos-dark .member-box{background:rgba(24,14,8,.92);color:#f7eddd;border-color:rgba(214,168,79,.28)}
html[data-theme=dark] .pos-modal .modal-actions{background:linear-gradient(180deg,rgba(24,14,8,.94),#100905);border-color:rgba(214,168,79,.24)}
html[data-theme=dark] .member-results button,html[data-theme=dark] .payment-methods button{background:rgba(16,10,6,.86);border-color:rgba(214,168,79,.25);color:#f7eddd}
html[data-theme=dark] .payment-methods button.active{background:#8f581d;border-color:#d6a84f;color:#fff8e8}
html[data-theme=dark] .hris-module,html[data-theme=dark] .hris-kpi,html[data-theme=dark] .hris-risk-card,html[data-theme=dark] .hris-analysis-item,html[data-theme=dark] .hris-workflow-step,html[data-theme=dark] .hris-progress-card,html[data-theme=dark] .global-notice,html[data-theme=dark] .notification-rule,html[data-theme=dark] .script-editor-answer{background:rgba(24,14,8,.82)!important;border-color:rgba(214,168,79,.25)!important;color:#f7eddd!important}
html[data-theme=dark] .global-notice p,html[data-theme=dark] .smart-ai-answer span{color:#d7bd8c}
html[data-theme=dark] .smart-search-head,html[data-theme=dark] .smart-search-input,html[data-theme=dark] .smart-ai-answer,html[data-theme=dark] .smart-result{background:rgba(24,14,8,.86)!important;border-color:rgba(214,168,79,.28)!important;color:#f7eddd!important}
html[data-theme=dark] .smart-search-input svg{stroke:#f3d58b}
html[data-theme=dark] .smart-result b,html[data-theme=dark] .smart-ai-answer b{color:#fff3d1}
html[data-theme=dark] .smart-result:hover,html[data-theme=dark] .smart-result:focus,html[data-theme=dark] .smart-result.ai-suggest{background:rgba(49,29,14,.9)!important;border-color:rgba(214,168,79,.42)!important}
html[data-theme=dark] .theme-preview-panel{background:linear-gradient(135deg,#0a0704,#2a1609);border-color:rgba(214,168,79,.28)}
html[data-theme=dark] .theme-preview-panel main header{background:linear-gradient(130deg,#23140a,#0a0704);color:#fff3d1}
html[data-theme=dark] .theme-preview-panel table{background:#160d07;color:#f7eddd}
html[data-theme=dark] .zone-legend span,html[data-theme=dark] .drop-shelves>div,html[data-theme=dark] .layout-shelf{filter:saturate(.92) brightness(.92)}
html[data-theme=dark] .store-layout{background-color:#120b06;background-image:linear-gradient(rgba(214,168,79,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(214,168,79,.12) 1px,transparent 1px),linear-gradient(135deg,#120b06,#201108)}

.customization-panel{max-width:1180px;display:grid;gap:14px}.customization-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.customization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customization-grid .card{min-width:0}.custom-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.custom-check-grid label{display:flex;align-items:center;gap:8px;min-height:38px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.42);color:var(--text);font-size:11px;font-weight:800;cursor:pointer}.custom-check-grid input{accent-color:var(--user-brand,var(--blue));min-width:auto}.custom-check-grid span{overflow-wrap:anywhere}.menu-checks{max-height:230px;overflow:auto;padding-right:3px}.table-card-tools{display:flex;align-items:center;gap:8px}.table-column-btn{padding:7px 10px;font-size:9px}.table-card th[data-col]{cursor:pointer;user-select:none}.table-card th[data-col]:hover{color:var(--blue-deep);background:rgba(79,124,255,.1)}.table-card th small{margin-left:4px;color:var(--blue-deep);font-size:8px}.col-hidden{display:none!important}body.table-sticky-header .table-wrap th{position:sticky;top:0;z-index:2}.favorite-nav{display:grid;gap:4px;margin:0 0 8px;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,.1)}.favorite-nav b{padding:2px 11px 4px;color:#dfe9ff;font-size:9px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.favorite-nav button{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important}.pos-favorite-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:9px;background:#e8eef7;border-top:1px solid #dbe3ee}.pos-favorite-products button{display:grid;gap:3px;text-align:left;border:1px solid #d6dfeb;border-radius:10px;background:#fff;padding:10px;cursor:pointer;color:#27364f;box-shadow:0 6px 14px #203c7412}.pos-favorite-products button:hover{border-color:#8eaaef;background:#f3f7ff}.pos-favorite-products button:disabled{opacity:.48;cursor:not-allowed}.pos-favorite-products span,.pos-favorite-products small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-favorite-products span{font-weight:900;font-size:11px}.pos-favorite-products small{color:var(--muted);font-size:9px}#toast.toast-badge{right:16px;bottom:16px;max-width:280px;padding:10px 12px;border-radius:999px;background:var(--user-brand,var(--blue));box-shadow:0 10px 24px rgba(49,95,197,.24)}body[data-density=compact] .card{padding:14px;border-radius:14px}body[data-density=compact] .card-head{margin-bottom:10px}body[data-density=compact] th,body[data-density=compact] td{padding:7px 8px}body[data-density=compact] .btn{padding:8px 11px;border-radius:10px}body[data-density=compact] .toolbar input,body[data-density=compact] .toolbar select,body[data-density=compact] .form-grid input,body[data-density=compact] .form-grid select{padding:8px 10px;border-radius:10px}body[data-density=compact] #content{padding-top:16px}body[data-density=spacious] .card{padding:26px;border-radius:24px}body[data-density=spacious] .grid{gap:22px}body[data-density=spacious] th{padding:14px}body[data-density=spacious] td{padding:17px 14px}body[data-density=spacious] .toolbar,body[data-density=spacious] .form-grid{gap:16px}body[data-text-size=small]{font-size:12px}body[data-text-size=large]{font-size:15.5px}body[data-font-family=serif]{font-family:Georgia,"Times New Roman",serif}body[data-font-family=mono]{font-family:Consolas,"Courier New",monospace}body[data-font-family=system]{font-family:Inter,"Segoe UI",Arial,sans-serif}body[data-font-family=inter]{font-family:Inter,"Segoe UI",Arial,sans-serif}body[data-font-family=mono] button,body[data-font-family=mono] input,body[data-font-family=mono] select,body[data-font-family=mono] textarea{font-family:Consolas,"Courier New",monospace}@media(min-width:901px){body.sidebar-collapsed .sidebar{width:82px;padding:14px 10px}body.sidebar-collapsed .main{margin-left:110px}body.sidebar-collapsed .brand{justify-content:center;padding:0 0 14px}body.sidebar-collapsed .brand>div,body.sidebar-collapsed .sidebar nav p,body.sidebar-collapsed .sidebar nav button span,body.sidebar-collapsed .sidebar nav .nav-group-toggle span,body.sidebar-collapsed .favorite-nav b,body.sidebar-collapsed .sidebar-foot div{display:none}body.sidebar-collapsed .brand-mark.small{width:50px;height:50px;border-radius:14px}body.sidebar-collapsed .sidebar nav{padding-right:0}body.sidebar-collapsed .sidebar nav button,body.sidebar-collapsed .sidebar nav .nav-group-toggle{justify-content:center;padding:11px 8px}body.sidebar-collapsed .sidebar nav button.active:after{right:5px}body.sidebar-collapsed .nav-group-panel{margin-left:0;padding-left:0;border-left:0}body.sidebar-collapsed .sidebar-foot{justify-content:center;padding-left:0;padding-right:0}body.sidebar-collapsed .sidebar-foot a{margin-left:0}.favorite-nav{margin-top:2px}}@media(max-width:900px){.customization-grid{grid-template-columns:1fr}.customization-head{align-items:flex-start;flex-direction:column}.customization-head .notification-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.pos-favorite-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.custom-check-grid,.pos-favorite-products{grid-template-columns:1fr}.table-card-tools{align-items:flex-end;flex-direction:column}.customization-panel .notification-actions .btn{width:100%}}
.font-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:12px}.font-choice{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.45);cursor:pointer}.font-choice:hover{border-color:color-mix(in srgb,var(--user-brand,var(--blue)) 38%,var(--line));background:rgba(255,255,255,.62)}.font-choice input{accent-color:var(--user-brand,var(--blue));min-width:auto}.font-choice span,.font-choice b,.font-choice small{display:block}.font-choice b{font-size:14px;letter-spacing:0}.font-choice small{margin-top:3px;color:var(--muted);font-size:11px}
body[data-font-family=segoe],body[data-font-family=segoe] button,body[data-font-family=segoe] input,body[data-font-family=segoe] select,body[data-font-family=segoe] textarea{font-family:"Segoe UI",Arial,sans-serif}
body[data-font-family=arial],body[data-font-family=arial] button,body[data-font-family=arial] input,body[data-font-family=arial] select,body[data-font-family=arial] textarea{font-family:Arial,Helvetica,sans-serif}
body[data-font-family=roboto],body[data-font-family=roboto] button,body[data-font-family=roboto] input,body[data-font-family=roboto] select,body[data-font-family=roboto] textarea{font-family:Roboto,Arial,sans-serif}
body[data-font-family=verdana],body[data-font-family=verdana] button,body[data-font-family=verdana] input,body[data-font-family=verdana] select,body[data-font-family=verdana] textarea{font-family:Verdana,Geneva,sans-serif}
body[data-font-family=tahoma],body[data-font-family=tahoma] button,body[data-font-family=tahoma] input,body[data-font-family=tahoma] select,body[data-font-family=tahoma] textarea{font-family:Tahoma,Geneva,sans-serif}
body[data-font-family=trebuchet],body[data-font-family=trebuchet] button,body[data-font-family=trebuchet] input,body[data-font-family=trebuchet] select,body[data-font-family=trebuchet] textarea{font-family:"Trebuchet MS",Arial,sans-serif}
body[data-font-family=georgia],body[data-font-family=georgia] button,body[data-font-family=georgia] input,body[data-font-family=georgia] select,body[data-font-family=georgia] textarea{font-family:Georgia,"Times New Roman",serif}
body[data-font-family=times],body[data-font-family=times] button,body[data-font-family=times] input,body[data-font-family=times] select,body[data-font-family=times] textarea{font-family:"Times New Roman",Times,serif}
body[data-font-family=garamond],body[data-font-family=garamond] button,body[data-font-family=garamond] input,body[data-font-family=garamond] select,body[data-font-family=garamond] textarea{font-family:Garamond,Georgia,serif}
body[data-font-family=palatino],body[data-font-family=palatino] button,body[data-font-family=palatino] input,body[data-font-family=palatino] select,body[data-font-family=palatino] textarea{font-family:Palatino,"Palatino Linotype",Georgia,serif}
body[data-font-family=consolas],body[data-font-family=consolas] button,body[data-font-family=consolas] input,body[data-font-family=consolas] select,body[data-font-family=consolas] textarea{font-family:Consolas,"Courier New",monospace}
body[data-font-family=courier],body[data-font-family=courier] button,body[data-font-family=courier] input,body[data-font-family=courier] select,body[data-font-family=courier] textarea{font-family:"Courier New",Courier,monospace}
body[data-font-family=lucida],body[data-font-family=lucida] button,body[data-font-family=lucida] input,body[data-font-family=lucida] select,body[data-font-family=lucida] textarea{font-family:"Lucida Console",Monaco,monospace}
body[data-font-family],body[data-font-family] button,body[data-font-family] input,body[data-font-family] select,body[data-font-family] textarea{font-family:var(--user-font-family,Inter,"Segoe UI",Arial,sans-serif)}

/* Per-table controls opened from the small Kolom button. */
.table-card-tools{flex-wrap:wrap}.table-card-filter{width:150px;min-height:30px;border:1px solid var(--line);border-radius:9px;padding:7px 9px;background:rgba(255,255,255,.72);color:var(--text);font-size:10px;outline:none}.table-card-filter:focus{border-color:rgba(79,124,255,.45);box-shadow:0 0 0 3px rgba(79,124,255,.09)}.app-data-table th[data-col]{position:relative;padding-right:18px}.table-card.freeze-header .app-data-table th{position:sticky;top:0;z-index:6}.table-card.freeze-header .app-data-table th.frozen-col{z-index:8}.table-card.no-freeze-header .app-data-table th:not(.frozen-col){position:static!important;top:auto!important;z-index:auto!important}.table-card.no-freeze-header .app-data-table th[data-col]{position:relative!important}.table-card.sort-enabled th[data-col]{cursor:pointer}.table-card.sort-disabled th[data-col]{cursor:default}.table-resize-handle{position:absolute;top:3px;right:3px;width:18px;height:18px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--blue) 42%,var(--line));border-radius:6px;background:#fff;color:#315fc5;cursor:col-resize;z-index:80;touch-action:none;font-size:10px;font-weight:900;line-height:1;text-transform:none;letter-spacing:0;box-shadow:0 2px 6px rgba(49,95,197,.12)}.table-resize-handle:hover,.table-resizing .table-resize-handle{background:#eaf1ff;border-color:#315fc5;color:#1f4fc4}.table-resizing,.table-resizing *{cursor:col-resize!important;user-select:none!important}.table-settings-flags{display:grid;gap:8px;margin-top:10px}.table-settings-flags .check{min-height:34px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.55);color:var(--text);font-size:11px;font-weight:800}.table-settings-flags .check input{accent-color:var(--user-brand,var(--blue))}@media(max-width:560px){.table-card-filter{width:100%}}
.table-card.freeze-header .app-table-wrap{overflow:auto}.table-card.freeze-header .app-data-table th{background:#eef4ff}
.app-data-table.is-col-resize-hover th[data-col],.app-data-table.is-col-resize-hover th[data-col] *{cursor:col-resize!important}
.app-data-table th[data-col]::after{content:"";position:absolute;top:0;right:-7px;width:14px;height:100%;cursor:col-resize;z-index:85}.app-data-table th[data-col]:last-child::after{right:0;width:10px}
.shift-table-card,.table-card:has(.shift-pivot-table){--shift-head-bg:var(--custom-table-head,color-mix(in srgb,var(--glass) 78%,var(--blue) 8%));--shift-cell-bg:var(--custom-table-cell-bg,color-mix(in srgb,var(--glass) 88%,transparent));--shift-row-hover:var(--custom-row-hover-bg,color-mix(in srgb,var(--blue) 7%,var(--shift-cell-bg)));--shift-line:var(--custom-table-line,var(--line));--shift-text:var(--custom-text,var(--text));--shift-muted:var(--custom-muted,var(--muted));--shift-roll-a:var(--custom-accent,var(--blue));--shift-roll-b:var(--custom-chart2,var(--cyan));--shift-roll-c:var(--custom-chart1,var(--blue-deep));--shift-roll-d:var(--green);--shift-roll-e:var(--amber);--shift-roll-f:var(--red);--shift-danger-bg:var(--custom-danger-bg,color-mix(in srgb,var(--red) 12%,var(--shift-cell-bg)));--shift-danger-text:var(--custom-danger-text,var(--red));--table-freeze-head-bg:var(--shift-head-bg);--table-freeze-cell-bg:var(--shift-cell-bg);--table-freeze-shadow:8px 0 14px color-mix(in srgb,var(--shift-line) 62%,transparent)}
.shift-table-card.table-card .app-table-wrap{max-height:min(62vh,620px)!important;overflow:auto!important}
.shift-table-card.table-card .shift-pivot-table{border-collapse:separate!important;border-spacing:0!important;table-layout:auto!important;min-width:max-content!important}
.shift-table-card.table-card .shift-pivot-table thead th{position:sticky!important;top:0!important;z-index:30!important;background:var(--shift-head-bg)!important;color:var(--shift-text)!important;border-color:var(--shift-line)!important}
.shift-table-card.table-card .shift-pivot-table tbody td{background:var(--shift-cell-bg)!important;color:var(--shift-text)!important;border-color:var(--shift-line)!important}
.shift-table-card.table-card .shift-pivot-table th.shift-date-col,.shift-table-card.table-card .shift-pivot-table td.shift-date-col{width:100px;min-width:100px;max-width:none!important;overflow:visible!important;white-space:normal!important}
.shift-table-card.table-card .shift-pivot-table th.shift-date-col .shift-date-head{box-sizing:border-box;width:calc(100% + 28px)!important;min-width:0!important;max-width:none!important}
.shift-table-card .shift-pivot-table thead th:has(.shift-date-head),.shift-table-card .shift-pivot-table th.shift-date-col,.shift-table-card .shift-pivot-table td.shift-date-col,.table-card:has(.shift-pivot-table) .shift-pivot-table thead th:has(.shift-date-head),.table-card:has(.shift-pivot-table) .shift-pivot-table th.shift-date-col,.table-card:has(.shift-pivot-table) .shift-pivot-table td.shift-date-col{width:100px;min-width:100px;max-width:none!important;overflow:visible!important}
.shift-table-card .shift-pivot-table thead th:has(.shift-date-head) .shift-date-head,.table-card:has(.shift-pivot-table) .shift-pivot-table thead th:has(.shift-date-head) .shift-date-head{box-sizing:border-box;width:calc(100% + 28px)!important;min-width:0!important;max-width:none!important;overflow:visible!important}
.shift-pivot-table{table-layout:auto!important;width:max-content!important;min-width:max-content!important}
.shift-pivot-table thead th:has(.shift-date-head),.shift-pivot-table th.shift-date-col,.shift-pivot-table td.shift-date-col{width:100px;min-width:100px;max-width:none!important;overflow:visible!important}
.shift-pivot-table thead th:has(.shift-date-head) .shift-date-head{box-sizing:border-box;width:calc(100% + 28px)!important;min-width:0!important;max-width:none!important;overflow:visible!important}
.shift-table-card.table-card .shift-pivot-table thead th.frozen-col{background:var(--table-freeze-head-bg)!important;color:var(--shift-text)!important;z-index:34!important}
.shift-table-card.table-card .shift-pivot-table tbody td.frozen-col{background:var(--table-freeze-cell-bg)!important;color:var(--shift-text)!important;box-shadow:var(--table-freeze-shadow)!important}
.table-card:has(.shift-pivot-table) .shift-pivot-table thead th.frozen-col{background:var(--table-freeze-head-bg)!important;color:var(--shift-text)!important;z-index:34!important}
.table-card:has(.shift-pivot-table) .shift-pivot-table tbody td.frozen-col{background:var(--table-freeze-cell-bg)!important;color:var(--shift-text)!important;box-shadow:var(--table-freeze-shadow)!important}
.shift-table-card.table-card .shift-pivot-table tbody tr:hover td{background:var(--shift-row-hover)!important}
.shift-table-card.table-card .shift-pivot-table th.shift-roll-boundary{border-left:0!important;box-shadow:none!important}
.shift-table-card.table-card .shift-pivot-table td.shift-roll-boundary{border-left:1px solid #748294!important;box-shadow:none!important}
.shift-table-card.table-card .shift-date-head{background:color-mix(in srgb,var(--shift-roll-a) 12%,var(--shift-head-bg));border-color:color-mix(in srgb,var(--shift-roll-a) 28%,var(--shift-line));color:var(--shift-text)}
.shift-table-card.table-card .shift-date-head b{font-weight:400;color:var(--shift-text)}
.shift-table-card.table-card .shift-date-head small{color:var(--shift-muted)}
.shift-table-card.table-card .shift-date-head em{color:color-mix(in srgb,var(--shift-roll-a) 76%,var(--shift-text))}
.shift-table-card.table-card .shift-date-head.shift-roll-0{background:color-mix(in srgb,var(--shift-roll-a) 15%,var(--shift-head-bg));border-color:color-mix(in srgb,var(--shift-roll-a) 34%,var(--shift-line))}
.shift-table-card.table-card .shift-date-head.shift-roll-1{background:color-mix(in srgb,var(--shift-roll-b) 15%,var(--shift-head-bg));border-color:color-mix(in srgb,var(--shift-roll-b) 34%,var(--shift-line))}.shift-table-card.table-card .shift-date-head.shift-roll-1 em{color:color-mix(in srgb,var(--shift-roll-b) 76%,var(--shift-text))}
.shift-table-card.table-card .shift-date-head.shift-roll-2{background:color-mix(in srgb,var(--shift-roll-c) 15%,var(--shift-head-bg));border-color:color-mix(in srgb,var(--shift-roll-c) 34%,var(--shift-line))}.shift-table-card.table-card .shift-date-head.shift-roll-2 em{color:color-mix(in srgb,var(--shift-roll-c) 76%,var(--shift-text))}
.shift-table-card.table-card .shift-date-head.shift-roll-3{background:color-mix(in srgb,var(--shift-roll-d) 15%,var(--shift-head-bg));border-color:color-mix(in srgb,var(--shift-roll-d) 34%,var(--shift-line))}.shift-table-card.table-card .shift-date-head.shift-roll-3 em{color:color-mix(in srgb,var(--shift-roll-d) 76%,var(--shift-text))}
.shift-table-card.table-card .shift-date-head.shift-roll-4{background:color-mix(in srgb,var(--shift-roll-e) 16%,var(--shift-head-bg));border-color:color-mix(in srgb,var(--shift-roll-e) 34%,var(--shift-line))}.shift-table-card.table-card .shift-date-head.shift-roll-4 em{color:color-mix(in srgb,var(--shift-roll-e) 76%,var(--shift-text))}
.shift-table-card.table-card .shift-date-head.shift-roll-5{background:color-mix(in srgb,var(--shift-roll-f) 14%,var(--shift-head-bg));border-color:color-mix(in srgb,var(--shift-roll-f) 32%,var(--shift-line))}.shift-table-card.table-card .shift-date-head.shift-roll-5 em{color:color-mix(in srgb,var(--shift-roll-f) 74%,var(--shift-text))}
.shift-table-card.table-card .shift-date-head.shift-roll-6{background:color-mix(in srgb,var(--shift-roll-a) 10%,var(--shift-head-bg));border-color:color-mix(in srgb,var(--shift-roll-b) 30%,var(--shift-line))}.shift-table-card.table-card .shift-date-head.shift-roll-6 em{color:color-mix(in srgb,var(--shift-roll-a) 60%,var(--shift-roll-b))}
.shift-table-card.table-card .shift-date-head.shift-roll-7{background:color-mix(in srgb,var(--shift-roll-b) 10%,var(--shift-head-bg));border-color:color-mix(in srgb,var(--shift-roll-c) 30%,var(--shift-line))}.shift-table-card.table-card .shift-date-head.shift-roll-7 em{color:color-mix(in srgb,var(--shift-roll-b) 60%,var(--shift-roll-c))}
.grid.two:has(>.table-card+.table-card){grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.grid:has(>.table-card+.table-card)>.table-card{width:100%;min-width:0}@media(max-width:900px){.grid.two:has(>.table-card+.table-card){grid-template-columns:1fr}}
.customization-grid{grid-template-columns:minmax(300px,.92fr) minmax(360px,1.08fr);grid-template-areas:"dashboard sidebar" "density branding" "notification font" "pos receipt";align-items:start;gap:12px}.customization-grid>.card{padding:16px}.customization-grid .card-head{margin-bottom:10px}.custom-card-dashboard{grid-area:dashboard}.custom-card-sidebar{grid-area:sidebar}.custom-card-density{grid-area:density}.custom-card-branding{grid-area:branding}.custom-card-notification{grid-area:notification}.custom-card-font{grid-area:font}.custom-card-pos{grid-area:pos}.custom-card-receipt{grid-area:receipt}.custom-card-dashboard .custom-check-grid,.custom-card-sidebar .menu-checks{max-height:150px;overflow:auto;padding-right:3px}.custom-card-dashboard .custom-check-grid,.custom-card-font .font-choice-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.custom-card-font .font-choice-grid{max-height:245px;overflow:auto;padding-right:4px}.custom-card-font .font-choice{min-height:50px;padding:8px 10px}.custom-card-font .font-choice b{font-size:13px}.custom-card-font .font-choice small{font-size:10px}.custom-card-branding .form-grid,.custom-card-receipt .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customization-panel>.notification-actions:last-child{position:sticky;bottom:10px;z-index:4;margin-top:2px;padding:10px 12px;border:1px solid rgba(255,255,255,.78);border-radius:14px;background:color-mix(in srgb,var(--glass,#fff) 88%,transparent);box-shadow:0 12px 28px rgba(35,55,95,.14);backdrop-filter:blur(12px)}
@media(max-width:900px){.customization-grid{grid-template-columns:1fr;grid-template-areas:none}.customization-grid>.card{grid-area:auto!important}.custom-card-dashboard .custom-check-grid,.custom-card-sidebar .menu-checks,.custom-card-font .font-choice-grid{max-height:260px}.custom-card-branding .form-grid,.custom-card-receipt .form-grid{grid-template-columns:1fr}.customization-panel>.notification-actions:last-child{position:static}}
.custom-card-dashboard .custom-check-grid{max-height:none;overflow:visible;padding-right:0}
.customization-grid{grid-template-areas:"dashboard sidebar" "density branding" "notification font" "pos font" "receipt font"}
.custom-card-dashboard,.custom-card-sidebar{align-self:stretch}.custom-card-sidebar{display:flex;flex-direction:column}.custom-card-sidebar .menu-checks{flex:1;min-height:0}
.custom-card-sidebar .menu-checks{max-height:260px}
.custom-card-sidebar .menu-checks{max-height:none;flex:1;overflow:auto}
.custom-card-dashboard,.custom-card-sidebar{align-self:start}.custom-card-sidebar{display:block}.custom-card-sidebar .menu-checks{max-height:230px;overflow:auto;flex:none;min-height:auto;padding-right:3px}
.custom-card-dashboard,.custom-card-sidebar{align-self:stretch}.custom-card-sidebar{display:block}.custom-card-sidebar .menu-checks{max-height:230px;overflow:auto;flex:none;min-height:auto;padding-right:3px}
@media(min-width:901px){.custom-card-sidebar .menu-checks{max-height:330px;overflow:auto;flex:none;min-height:auto;padding-right:3px}}
.customization-grid{grid-template-areas:"dashboard sidebar" "density branding" "notification branding" "pos font" "receipt font";row-gap:8px}
@media(min-width:901px){.customization-grid{grid-template-areas:"dashboard sidebar" "density branding" "notification font" "pos font" "receipt font";row-gap:8px}.custom-card-font{align-self:start;display:grid;grid-template-rows:auto auto minmax(0,1fr);height:342px;overflow:hidden}.custom-card-font .font-choice-grid{max-height:none;min-height:0;overflow:auto}.custom-card-receipt{min-height:342px}}
@media(max-width:900px){.customization-grid{grid-template-columns:1fr;grid-template-areas:none}.customization-grid>.card{grid-area:auto!important}.custom-card-font{display:block;height:auto;overflow:visible}.custom-card-font .font-choice-grid{max-height:260px}}
@media(min-width:901px){.customization-grid{grid-template-areas:"dashboard sidebar" "density branding" "notification branding" "pos font" "receipt font";row-gap:8px}.custom-card-font{align-self:stretch;display:grid;grid-template-rows:auto auto minmax(0,1fr);height:auto;min-height:0;overflow:hidden}.custom-card-font .font-choice-grid{max-height:none;min-height:0;overflow:auto}.custom-card-receipt{min-height:0}}
@media(min-width:901px){.custom-card-notification{align-self:stretch;display:grid;grid-template-rows:auto minmax(0,1fr)}.custom-card-notification .form-grid{height:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:stretch}.custom-card-notification .form-grid label:first-child{grid-column:1/-1}.custom-card-notification .check{min-height:42px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.42);color:var(--text);font-weight:800}.custom-card-notification .check input{accent-color:var(--user-brand,var(--blue))}}
@media(max-width:900px){.custom-card-notification{display:block}.custom-card-notification .check{min-height:0;padding:0;border:0;background:transparent}}
@media(min-width:901px){.customization-grid{grid-template-areas:"dashboard sidebar" "density branding" "notification font" "pos font" "receipt font";row-gap:8px}.custom-card-branding{align-self:start}.custom-card-font{align-self:stretch;display:grid;grid-template-rows:auto auto minmax(0,1fr);height:auto;min-height:0;overflow:hidden}.custom-card-font .font-choice-grid{max-height:none;min-height:0;overflow:auto}.custom-card-receipt{min-height:0}}
.virtual-printer-box{width:min(1020px,96vw)}.virtual-printer-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:12px;min-height:520px}.virtual-printer-list{display:grid;gap:8px;align-content:start;max-height:62vh;overflow:auto;padding-right:4px}.virtual-printer-list button{display:grid;gap:4px;text-align:left;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.74);padding:11px 12px;cursor:pointer;color:var(--text)}.virtual-printer-list button.active,.virtual-printer-list button:hover{border-color:rgba(79,124,255,.45);background:#eef4ff}.virtual-printer-list b,.virtual-printer-list small,.virtual-printer-toolbar b,.virtual-printer-toolbar small{display:block}.virtual-printer-list small,.virtual-printer-toolbar small{color:var(--muted);font-size:10px;line-height:1.35}.virtual-printer-stage{min-width:0}.virtual-printer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.virtual-printer-preview{display:grid;place-items:start center;max-height:62vh;overflow:auto;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#dfe7f2,#f8fbff);padding:18px}.virtual-printer-preview iframe{height:620px;border:0;background:#fff;box-shadow:0 16px 36px rgba(20,39,76,.18)}@media(max-width:760px){.virtual-printer-layout{grid-template-columns:1fr}.virtual-printer-list{max-height:190px}.virtual-printer-preview iframe{height:520px}}

/* Final contrast guardrails for the black theme across reusable pages. */
html[data-theme=black] .table-wrap{background:rgba(8,9,10,.72)!important;border:1px solid rgba(201,206,214,.16)!important}
html[data-theme=black] table{color:#f4f4f5!important}
html[data-theme=black] th,
html[data-theme=black] .database-browser-table th,
html[data-theme=black] .hris-table th{background:#24272b!important;color:#d8dbe0!important;border-color:#3a3e44!important}
html[data-theme=black] td,
html[data-theme=black] .database-browser-table td,
html[data-theme=black] .hris-table td{background:rgba(22,23,25,.84)!important;color:#f4f4f5!important;border-color:#3a3e44!important}
html[data-theme=black] tbody tr:hover td{background:rgba(42,45,49,.92)!important}
html[data-theme=black] td b,
html[data-theme=black] .card b,
html[data-theme=black] .modal-box b{color:#f4f4f5}
html[data-theme=black] td small,
html[data-theme=black] .card small,
html[data-theme=black] .modal-box small{color:#bfc4cc}
html[data-theme=black] .table-card th[data-col]:hover{background:rgba(201,206,214,.11)!important;color:#fff!important}
html[data-theme=black] .table-card th small{color:#c9ced6!important}
html[data-theme=black] .empty{color:#a7aab0!important}

html[data-theme=black] .owner-command,
html[data-theme=black] .owner-metric,
html[data-theme=black] .owner-health-row,
html[data-theme=black] .owner-analysis-item,
html[data-theme=black] .owner-insight,
html[data-theme=black] .owner-share-row,
html[data-theme=black] .owner-priority,
html[data-theme=black] .owner-product-row,
html[data-theme=black] .audit-summary-strip span,
html[data-theme=black] .audit-item-row,
html[data-theme=black] .audit-flow-card span,
html[data-theme=black] .audit-flow-steps span,
html[data-theme=black] .audit-decision-flow,
html[data-theme=black] .audit-responsibility-grid>div,
html[data-theme=black] .proportional-grid label,
html[data-theme=black] .recommend-row,
html[data-theme=black] .pending-info span,
html[data-theme=black] .payment-confirm-list,
html[data-theme=black] .payment-confirm-list>div,
html[data-theme=black] .payment-total,
html[data-theme=black] .shift-summary>div,
html[data-theme=black] .shift-payments>div,
html[data-theme=black] .shift-expected,
html[data-theme=black] .theme-field-grid label,
html[data-theme=black] .theme-demo-card,
html[data-theme=black] .custom-check-grid label,
html[data-theme=black] .font-choice,
html[data-theme=black] .global-notice,
html[data-theme=black] .notification-rule,
html[data-theme=black] .hris-module,
html[data-theme=black] .hris-kpi,
html[data-theme=black] .hris-risk-card,
html[data-theme=black] .hris-analysis-item,
html[data-theme=black] .hris-workflow-step,
html[data-theme=black] .hris-progress-card,
html[data-theme=black] .script-editor-answer,
html[data-theme=black] .attendance-feedback,
html[data-theme=black] .attendance-empty,
html[data-theme=black] .attendance-rule-box,
html[data-theme=black] .attendance-qr-payload,
html[data-theme=black] .attendance-employee-card,
html[data-theme=black] .attendance-status-grid div,
html[data-theme=black] .product-card,
html[data-theme=black] .area-card,
html[data-theme=black] .drag-products>div,
html[data-theme=black] .database-import-help{background:rgba(22,23,25,.88)!important;border-color:rgba(201,206,214,.24)!important;color:#f4f4f5!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
html[data-theme=black] .owner-command h3,
html[data-theme=black] .owner-command-value b,
html[data-theme=black] .owner-metric b,
html[data-theme=black] .owner-health-row strong,
html[data-theme=black] .owner-analysis-item b,
html[data-theme=black] .owner-risk-gauge b,
html[data-theme=black] .owner-trend-bars b,
html[data-theme=black] .owner-margin-row strong,
html[data-theme=black] .pending-info b,
html[data-theme=black] .shift-summary b,
html[data-theme=black] .payment-total b{color:#fff!important}
html[data-theme=black] .owner-metric.red,
html[data-theme=black] .owner-health-row.red,
html[data-theme=black] .owner-analysis-item.red,
html[data-theme=black] .recommend-row.best,
html[data-theme=black] .attendance-feedback.danger{background:rgba(64,25,28,.9)!important;border-color:rgba(255,128,138,.28)!important;color:#ffd9dd!important}
html[data-theme=black] .owner-metric.red b,
html[data-theme=black] .owner-health-row.red strong,
html[data-theme=black] .owner-analysis-item.red b{color:#ffbdc5!important}
html[data-theme=black] .owner-health-row.green,
html[data-theme=black] .owner-analysis-item.green,
html[data-theme=black] .attendance-feedback.success{background:rgba(16,46,31,.86)!important;border-color:rgba(115,208,153,.25)!important;color:#d7fbe3!important}
html[data-theme=black] .owner-health-row.green strong,
html[data-theme=black] .owner-analysis-item.green b{color:#a9ebc1!important}
html[data-theme=black] .attendance-feedback.warning{background:rgba(62,44,16,.9)!important;border-color:rgba(230,180,88,.3)!important;color:#ffe4ad!important}

html[data-theme=black] .database-browser-toolbar{background:rgba(22,23,25,.94)!important;border-color:rgba(201,206,214,.18)!important}
html[data-theme=black] .database-browser-wrap{background:rgba(8,9,10,.72)!important;border-color:rgba(201,206,214,.22)!important}
html[data-theme=black] .database-row-actions,
html[data-theme=black] .database-check-cell,
html[data-theme=black] .database-browser-table th.database-check-cell,
html[data-theme=black] .database-new-row td{background:#1c1e21!important;color:#f4f4f5!important}
html[data-theme=black] .database-browser-table tr.selected td{background:#26303c!important}
html[data-theme=black] .database-cell span,
html[data-theme=black] .database-table-open,
html[data-theme=black] .db-link-btn{color:#d8dbe0!important}
html[data-theme=black] .database-cell em,
html[data-theme=black] .database-table-open small,
html[data-theme=black] .database-import-help span{color:#a7aab0!important}
html[data-theme=black] .database-browser-table input,
html[data-theme=black] .database-pager select,
html[data-theme=black] .database-pager input,
html[data-theme=black] .attendance-scanner-box input,
html[data-theme=black] .notification-rule-table input[type=number],
html[data-theme=black] .notification-rule-table select{background:#0c0d0e!important;border-color:rgba(201,206,214,.28)!important;color:#f4f4f5!important}

html[data-theme=black] .smart-search-head,
html[data-theme=black] .smart-search-input,
html[data-theme=black] .smart-ai-answer,
html[data-theme=black] .smart-result{background:rgba(22,23,25,.9)!important;border-color:rgba(201,206,214,.24)!important;color:#f4f4f5!important}
html[data-theme=black] .smart-search-input svg{stroke:#d8dbe0!important}
html[data-theme=black] .smart-result b,
html[data-theme=black] .smart-ai-answer b{color:#fff!important}
html[data-theme=black] .smart-result small,
html[data-theme=black] .smart-ai-answer span,
html[data-theme=black] .global-notice p,
html[data-theme=black] .global-notice small,
html[data-theme=black] .global-notice-head span{color:#bfc4cc!important}
html[data-theme=black] .smart-result:hover,
html[data-theme=black] .smart-result:focus,
html[data-theme=black] .smart-result.ai-suggest{background:rgba(42,45,49,.94)!important;border-color:rgba(201,206,214,.42)!important}

html[data-theme=black] .pos-favorite-products{background:#111214!important;border-color:#3a3e44!important}
html[data-theme=black] .pos-favorite-products button,
html[data-theme=black] .member-results button,
html[data-theme=black] .payment-methods button{background:rgba(22,23,25,.9)!important;border-color:rgba(201,206,214,.24)!important;color:#e5e7eb!important}
html[data-theme=black] .pos-favorite-products button:hover,
html[data-theme=black] .payment-methods button.active{background:rgba(201,206,214,.14)!important;border-color:#c9ced6!important;color:#fff!important}
html[data-theme=black] .pos-modal .modal-actions{background:linear-gradient(180deg,rgba(22,23,25,.96),#0c0d0e)!important;border-color:rgba(201,206,214,.2)!important}
html[data-theme=black] .pos-modal #change-preview{background:#161719!important;border-color:rgba(201,206,214,.24)!important;color:#f4f4f5!important}

html[data-theme=black] .owner-risk-gauge{background:conic-gradient(var(--risk-color) calc(var(--score)*1%),#3a3e44 0)!important;box-shadow:inset 0 0 0 1px rgba(201,206,214,.25)!important}
html[data-theme=black] .owner-risk-gauge:before{background:#111214!important}
html[data-theme=black] .owner-share-row span,
html[data-theme=black] .owner-margin-row span,
html[data-theme=black] .shelf-meter{background:rgba(201,206,214,.14)!important}
html[data-theme=black] .owner-trend-chart circle,
html[data-theme=black] .hourly-line circle{fill:#111214!important;stroke:#c9ced6!important}
html[data-theme=black] .theme-preview-panel{background:linear-gradient(135deg,#050505,#202124)!important;border-color:rgba(201,206,214,.24)!important}
html[data-theme=black] .theme-preview-panel main header{background:linear-gradient(130deg,#111214,#2a2d31)!important;color:#f4f4f5!important}
html[data-theme=black] .theme-preview-panel table{background:#161719!important;color:#f4f4f5!important}
html[data-theme=black] .setup-intro,
html[data-theme=black] .setup-intro>div:last-child,
html[data-theme=black] .setup-area,
html[data-theme=black] .setup-area-head,
html[data-theme=black] .setup-branch,
html[data-theme=black] .setup-progress button,
html[data-theme=black] .setup-check,
html[data-theme=black] .setup-switch,
html[data-theme=black] .cashier-shift-row,
html[data-theme=black] .shift-generator-slots span,
html[data-theme=black] .setup-logo-preview,
html[data-theme=black] .setup-wizard-actions,
html[data-theme=black] .setup-review-grid>div,
html[data-theme=black] .product-detail-grid span,
html[data-theme=black] .purchase-subnav,
html[data-theme=black] .form-section-title,
html[data-theme=black] .fraud-warning,
html[data-theme=black] .fraud-evidence{background:rgba(22,23,25,.9)!important;border-color:rgba(201,206,214,.24)!important;color:#f4f4f5!important}
html[data-theme=black] .setup-progress b{background:#2a2d31!important;color:#f4f4f5!important}
html[data-theme=black] .setup-progress button.active,
html[data-theme=black] .setup-progress button.active b,
html[data-theme=black] .purchase-subnav button.active,
html[data-theme=black] .fraud-tabs button.active{background:#c9ced6!important;border-color:#c9ced6!important;color:#050505!important}
html[data-theme=black] .purchase-subnav button,
html[data-theme=black] .fraud-tabs button{background:#111214!important;border-color:rgba(201,206,214,.24)!important;color:#d8dbe0!important}
html[data-theme=black] .fraud-warning b,
html[data-theme=black] .fraud-warning span,
html[data-theme=black] .fraud-evidence p{color:#d8dbe0!important}
html[data-theme=black] .audit-branch{background:rgba(201,206,214,.12)!important;color:#e5e7eb!important;border-color:rgba(201,206,214,.22)!important}
html[data-theme=black] .audit-action.success{color:#b8ffd5!important;background:rgba(24,75,46,.85)!important;border-color:rgba(115,208,153,.3)!important}
html[data-theme=black] .audit-action.danger{color:#ffccd2!important;background:rgba(76,25,31,.85)!important;border-color:rgba(255,128,138,.3)!important}
html[data-theme=black] .audit-action.warning{color:#ffe4ad!important;background:rgba(76,53,18,.85)!important;border-color:rgba(230,180,88,.3)!important}
html[data-theme=black] .audit-action.info,
html[data-theme=black] .audit-action.purple,
html[data-theme=black] .audit-action.cyan,
html[data-theme=black] .audit-action.orange,
html[data-theme=black] .audit-action.neutral{color:#e5e7eb!important;background:rgba(201,206,214,.12)!important;border-color:rgba(201,206,214,.22)!important}

html[data-theme=black] .hris-hero,
html[data-theme=black] .letter-archive-page .letter-hero{background:linear-gradient(135deg,#111214,#050505 58%,#202124)!important;border-left-color:#c9ced6!important}
html[data-theme=black] .hris-hero h3,
html[data-theme=black] .shift-day>b,
html[data-theme=black] .shift-day strong{color:#f4f4f5!important}
html[data-theme=black] .hris-hero p,
html[data-theme=black] .shift-day>span,
html[data-theme=black] .shift-day>small{color:#bfc4cc!important}
html[data-theme=black] .shift-day{background:rgba(22,23,25,.9)!important;border-color:rgba(201,206,214,.24)!important}

html[data-theme=black] .store-layout{background-color:#111214!important;background-image:linear-gradient(rgba(201,206,214,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(201,206,214,.1) 1px,transparent 1px),linear-gradient(135deg,#111214,#1c1e21)!important}
html[data-theme=black] .zone-legend span,
html[data-theme=black] .layout-shelf,
html[data-theme=black] .drop-shelves>div{background:color-mix(in srgb,var(--zone,#858b94) 16%,#161719)!important;border-color:color-mix(in srgb,var(--zone,#858b94) 60%,#3b3f45)!important;color:#f4f4f5!important;box-shadow:0 7px 16px rgba(0,0,0,.22)!important}
html[data-theme=black] .layout-object.object-door,
html[data-theme=black] .layout-object.object-area{background:rgba(22,23,25,.78)!important;color:#f4f4f5!important}
html[data-theme=black] .resize-handle,
html[data-theme=black] .layout-copy{background:rgba(22,23,25,.95)!important;border-color:rgba(201,206,214,.35)!important;color:#f4f4f5!important}
html[data-theme=black] .plano-row,
html[data-theme=black] .plano-row span,
html[data-theme=black] .plano-row i{background:rgba(22,23,25,.88)!important;border-color:rgba(201,206,214,.24)!important;color:#f4f4f5!important}
html[data-theme=black] .plano-row span.low{background:rgba(76,25,31,.88)!important;border-color:rgba(255,128,138,.3)!important;color:#ffccd2!important}
html[data-theme=black] .drop-shelves span{background:#2a2d31!important;color:#f4f4f5!important}

/* Extra black-theme coverage for less common pages and modal fragments. */
html[data-theme=black] .brand-mark,
html[data-theme=black] .login-card,
html[data-theme=black] .demo-box,
html[data-theme=black] .receipt-choice button,
html[data-theme=black] .product-promo,
html[data-theme=black] .return-item,
html[data-theme=black] .outage-steps span,
html[data-theme=black] .script-file,
html[data-theme=black] .product-not-found,
html[data-theme=black] .relayout-queue,
html[data-theme=black] .relayout-items>div,
html[data-theme=black] .jobdesk-hero,
html[data-theme=black] .jobdesk-kpi span,
html[data-theme=black] .org-node,
html[data-theme=black] .org-drop-root,
html[data-theme=black] .org-editor-row,
html[data-theme=black] .org-free-canvas,
html[data-theme=black] .org-canvas-node,
html[data-theme=black] .org-editor-help,
html[data-theme=black] .sk-meta,
html[data-theme=black] .about-hero,
html[data-theme=black] .about-logo,
html[data-theme=black] .about-architecture span,
html[data-theme=black] .bonus-weight-grid>div,
html[data-theme=black] .award-prize,
html[data-theme=black] .award-rank,
html[data-theme=black] .sanction-history,
html[data-theme=black] .hris-exec-hero,
html[data-theme=black] .hris-approval-card,
html[data-theme=black] .hris-payroll-mini,
html[data-theme=black] .hris-workflow-item,
html[data-theme=black] .movement-preview,
html[data-theme=black] .attendance-overview-item,
html[data-theme=black] .attendance-overview-insight,
html[data-theme=black] .letter-archive-page .letter-hero,
html[data-theme=black] .payment-guidance,
html[data-theme=black] .payment-provider-logo,
html[data-theme=black] .custom-card-notification .check,
html[data-theme=black] .customization-panel>.notification-actions:last-child{background:rgba(22,23,25,.9)!important;border-color:rgba(201,206,214,.24)!important;color:#f4f4f5!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
html[data-theme=black] .login-card h1,
html[data-theme=black] .receipt-choice b,
html[data-theme=black] .receipt-choice-total b,
html[data-theme=black] .jobdesk-hero h3,
html[data-theme=black] .org-node b,
html[data-theme=black] .about-hero h3,
html[data-theme=black] .award-rank b,
html[data-theme=black] .hris-exec-hero h3,
html[data-theme=black] .payment-guidance b{color:#fff!important}
html[data-theme=black] .login-card p,
html[data-theme=black] .demo-box,
html[data-theme=black] .receipt-choice small,
html[data-theme=black] .jobdesk-hero p,
html[data-theme=black] .org-node small,
html[data-theme=black] .about-hero p,
html[data-theme=black] .hris-exec-hero p,
html[data-theme=black] .payment-guidance small{color:#bfc4cc!important}

html[data-theme=black] .pos-shell{background:#050505!important;color:#f4f4f5!important}
html[data-theme=black] .pos-categories,
html[data-theme=black] .pos-catalog,
html[data-theme=black] .pos-search,
html[data-theme=black] .pos-products .product-card,
html[data-theme=black] .pos-cart-panel,
html[data-theme=black] .transaction-info,
html[data-theme=black] .member-box,
html[data-theme=black] .pos-summary,
html[data-theme=black] .pos-shortcuts button{background:rgba(22,23,25,.92)!important;border-color:rgba(201,206,214,.24)!important;color:#f4f4f5!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
html[data-theme=black] .pos-kpis span,
html[data-theme=black] .pos-top-actions button,
html[data-theme=black] .pos-categories button,
html[data-theme=black] .qty button,
html[data-theme=black] .pos-cart-item .remove,
html[data-theme=black] .favorite-nav button{background:rgba(42,45,49,.72)!important;border-color:rgba(201,206,214,.24)!important;color:#f4f4f5!important}
html[data-theme=black] .pos-dialog-body label{color:#bfc4cc!important}
html[data-theme=black] .pos-dialog-body input,
html[data-theme=black] .pos-dialog-body select,
html[data-theme=black] .pos-dialog-body textarea,
html[data-theme=black] .split-row select,
html[data-theme=black] .split-row input,
html[data-theme=black] .group-toolbar input,
html[data-theme=black] .database-import-box input[type=file],
html[data-theme=black] .layout-tools input,
html[data-theme=black] .mpp-table input{background:#0c0d0e!important;border-color:rgba(201,206,214,.28)!important;color:#f4f4f5!important}
html[data-theme=black] .product-icon{background:linear-gradient(145deg,#2a2d31,#111214)!important;border-color:rgba(201,206,214,.24)!important;color:#f4f4f5!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}

html[data-theme=black] .btn.danger,
html[data-theme=black] .alert,
html[data-theme=black] #connection-status.offline,
html[data-theme=black] .connection-status.is-offline,
html[data-theme=black] .payment-realtime-box.failed{background:rgba(76,25,31,.9)!important;border-color:rgba(255,128,138,.3)!important;color:#ffccd2!important}
html[data-theme=black] .connection-status.is-limited,
html[data-theme=black] .payment-guidance.cash,
html[data-theme=black] .attendance-monitor-table tr.attendance-missing td{background:rgba(62,44,16,.9)!important;border-color:rgba(230,180,88,.3)!important;color:#ffe4ad!important}
html[data-theme=black] .tok-match{background:rgba(201,206,214,.18)!important;color:#fff!important}
html[data-theme=black] .sidebar nav .nav-group-toggle,
html[data-theme=black] .pos-topbar .connection-status{background:rgba(42,45,49,.72)!important;border-color:rgba(201,206,214,.24)!important;color:#f4f4f5!important}

/* Custom theme object controls. */
.theme-object-group{display:grid;gap:9px;padding:12px 0;border-top:1px solid var(--line)}
.theme-object-group:first-of-type{border-top:0;padding-top:0}
.theme-object-group h4{margin:0;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.theme-object-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:8px}
.theme-object-preview span{min-height:36px;display:grid;place-items:center;padding:8px;border:1px solid var(--custom-panel-border,var(--line));border-radius:9px;background:var(--custom-panel-bg,var(--glass));color:var(--custom-text,var(--text));font-size:10px;font-weight:900}
.theme-object-preview-input{background:var(--custom-input-bg,#fff)!important;border-color:var(--custom-input-border,#dce6f4)!important}
.theme-object-preview-badge{background:var(--custom-badge-bg,#edf3ff)!important;color:var(--custom-badge-text,#315fc5)!important}
.theme-object-preview-success{background:var(--custom-success-bg,#eafaf2)!important;color:var(--custom-success-text,#136f42)!important}
.theme-object-preview-warning{background:var(--custom-warning-bg,#fff8e1)!important;color:var(--custom-warning-text,#8a6100)!important}
.theme-object-preview-danger{background:var(--custom-danger-bg,#fff1f1)!important;color:var(--custom-danger-text,#b72b2b)!important}
.theme-object-preview-pos{background:var(--custom-pos-surface,#fff)!important}
.theme-object-preview-layout{background:var(--custom-layout-object-bg,#f8fbff)!important;color:var(--custom-layout-object-text,#17233d)!important}
html[data-theme=custom] .theme-preview-panel td{background:var(--custom-table-cell-bg)!important;color:var(--custom-text)!important}

html[data-theme=custom] .theme-field-grid label,
html[data-theme=custom] .custom-check-grid label,
html[data-theme=custom] .font-choice,
html[data-theme=custom] .access-group,
html[data-theme=custom] .payment-gateway-summary>span,
html[data-theme=custom] .payment-webhook-help,
html[data-theme=custom] .payment-provider-current,
html[data-theme=custom] .payment-provider-grid,
html[data-theme=custom] .pos-provider-grid,
html[data-theme=custom] .payment-provider-note,
html[data-theme=custom] .payment-realtime-box,
html[data-theme=custom] .customer-qr-form,
html[data-theme=custom] .hris-module,
html[data-theme=custom] .hris-kpi,
html[data-theme=custom] .hris-risk-card,
html[data-theme=custom] .hris-analysis-item,
html[data-theme=custom] .hris-workflow-step,
html[data-theme=custom] .hris-progress-card,
html[data-theme=custom] .global-notice,
html[data-theme=custom] .notification-rule,
html[data-theme=custom] .script-editor-answer,
html[data-theme=custom] .attendance-feedback,
html[data-theme=custom] .attendance-empty,
html[data-theme=custom] .attendance-rule-box,
html[data-theme=custom] .attendance-qr-payload,
html[data-theme=custom] .attendance-employee-card,
html[data-theme=custom] .attendance-status-grid div,
html[data-theme=custom] .product-card,
html[data-theme=custom] .area-card,
html[data-theme=custom] .drag-products>div,
html[data-theme=custom] .database-import-help,
html[data-theme=custom] .setup-intro,
html[data-theme=custom] .setup-area,
html[data-theme=custom] .setup-branch,
html[data-theme=custom] .setup-progress button,
html[data-theme=custom] .setup-check,
html[data-theme=custom] .setup-switch,
html[data-theme=custom] .cashier-shift-row,
html[data-theme=custom] .shift-generator-slots span,
html[data-theme=custom] .setup-logo-preview,
html[data-theme=custom] .setup-wizard-actions,
html[data-theme=custom] .setup-review-grid>div,
html[data-theme=custom] .product-detail-grid span,
html[data-theme=custom] .purchase-subnav,
html[data-theme=custom] .form-section-title,
html[data-theme=custom] .fraud-warning,
html[data-theme=custom] .fraud-evidence,
html[data-theme=custom] .owner-command,
html[data-theme=custom] .owner-metric,
html[data-theme=custom] .owner-health-row,
html[data-theme=custom] .owner-analysis-item,
html[data-theme=custom] .owner-insight,
html[data-theme=custom] .owner-share-row,
html[data-theme=custom] .owner-priority,
html[data-theme=custom] .owner-product-row{background:color-mix(in srgb,var(--custom-panel-bg) 88%,transparent)!important;border-color:var(--custom-panel-border)!important;color:var(--custom-text)!important}

html[data-theme=custom] td,
html[data-theme=custom] .database-browser-table td,
html[data-theme=custom] .hris-table td{background:color-mix(in srgb,var(--custom-table-cell-bg) 88%,transparent)!important;color:var(--custom-text)!important;border-color:var(--custom-table-line)!important}
html[data-theme=custom] tbody tr:hover td,
html[data-theme=custom] tbody tr:hover{background:var(--custom-row-hover-bg)!important}
html[data-theme=custom] .database-row-actions,
html[data-theme=custom] .database-check-cell,
html[data-theme=custom] .database-browser-table th.database-check-cell,
html[data-theme=custom] .database-new-row td{background:var(--custom-panel-bg)!important;color:var(--custom-text)!important}

html[data-theme=custom] .toolbar input,
html[data-theme=custom] .toolbar select,
html[data-theme=custom] .form-grid input,
html[data-theme=custom] .form-grid select,
html[data-theme=custom] textarea,
html[data-theme=custom] .audit-filter input,
html[data-theme=custom] .audit-filter select,
html[data-theme=custom] .pos-dialog-body input,
html[data-theme=custom] .pos-dialog-body select,
html[data-theme=custom] .pos-dialog-body textarea,
html[data-theme=custom] .database-browser-table input,
html[data-theme=custom] .database-pager select,
html[data-theme=custom] .database-pager input,
html[data-theme=custom] .attendance-scanner-box input,
html[data-theme=custom] .notification-rule-table input[type=number],
html[data-theme=custom] .notification-rule-table select,
html[data-theme=custom] .split-row select,
html[data-theme=custom] .split-row input,
html[data-theme=custom] .group-toolbar input,
html[data-theme=custom] .layout-tools input,
html[data-theme=custom] .mpp-table input{background:var(--custom-input-bg)!important;border-color:var(--custom-input-border)!important;color:var(--custom-text)!important}

html[data-theme=custom] .badge,
html[data-theme=custom] .pill,
html[data-theme=custom] .audit-branch,
html[data-theme=custom] .audit-action.info,
html[data-theme=custom] .audit-action.neutral{background:var(--custom-badge-bg)!important;color:var(--custom-badge-text)!important;border-color:color-mix(in srgb,var(--custom-badge-bg) 70%,var(--custom-panel-border))!important}
html[data-theme=custom] .badge.green,
html[data-theme=custom] .pill.green,
html[data-theme=custom] .pill,
html[data-theme=custom] .audit-action.success,
html[data-theme=custom] .attendance-feedback.success,
html[data-theme=custom] .owner-health-row.green,
html[data-theme=custom] .owner-analysis-item.green{background:var(--custom-success-bg)!important;color:var(--custom-success-text)!important;border-color:color-mix(in srgb,var(--custom-success-bg) 65%,var(--custom-success-text))!important}
html[data-theme=custom] .badge.warning,
html[data-theme=custom] .audit-action.warning,
html[data-theme=custom] .attendance-feedback.warning,
html[data-theme=custom] .payment-realtime-box.pending,
html[data-theme=custom] .connection-status.is-limited{background:var(--custom-warning-bg)!important;color:var(--custom-warning-text)!important;border-color:color-mix(in srgb,var(--custom-warning-bg) 65%,var(--custom-warning-text))!important}
html[data-theme=custom] .badge.red,
html[data-theme=custom] .pill.red,
html[data-theme=custom] .btn.danger,
html[data-theme=custom] .audit-action.danger,
html[data-theme=custom] .attendance-feedback.danger,
html[data-theme=custom] .payment-realtime-box.failed,
html[data-theme=custom] .connection-status.is-offline,
html[data-theme=custom] .owner-metric.red,
html[data-theme=custom] .owner-health-row.red,
html[data-theme=custom] .owner-analysis-item.red{background:var(--custom-danger-bg)!important;color:var(--custom-danger-text)!important;border-color:color-mix(in srgb,var(--custom-danger-bg) 65%,var(--custom-danger-text))!important}

html[data-theme=custom] .pos-categories,
html[data-theme=custom] .pos-catalog,
html[data-theme=custom] .pos-search,
html[data-theme=custom] .pos-products .product-card,
html[data-theme=custom] .pos-cart-panel,
html[data-theme=custom] .transaction-info,
html[data-theme=custom] .member-box,
html[data-theme=custom] .pos-summary,
html[data-theme=custom] .pos-shortcuts button,
html[data-theme=custom] .pos-favorite-products button,
html[data-theme=custom] .member-results button,
html[data-theme=custom] .payment-methods button{background:var(--custom-pos-surface)!important;border-color:var(--custom-panel-border)!important;color:var(--custom-text)!important}
html[data-theme=custom] .store-layout{background-color:color-mix(in srgb,var(--custom-layout-object-bg) 18%,var(--custom-page-bg1))!important}
html[data-theme=custom] .zone-legend span,
html[data-theme=custom] .layout-shelf,
html[data-theme=custom] .layout-object,
html[data-theme=custom] .drop-shelves>div,
html[data-theme=custom] .plano-row,
html[data-theme=custom] .plano-row span,
html[data-theme=custom] .plano-row i{background:var(--custom-layout-object-bg)!important;border-color:color-mix(in srgb,var(--custom-layout-object-bg) 68%,var(--custom-panel-border))!important;color:var(--custom-layout-object-text)!important}

.stock-transfer-items{display:grid;gap:10px}
.stock-transfer-item{display:grid;grid-template-columns:minmax(220px,1fr) 120px 110px minmax(180px,1fr) auto;gap:10px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--glass)}
.stock-transfer-item .full{min-width:0}
.transfer-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 16px}
.transfer-pipeline span{height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.55);font-size:12px;font-weight:700;color:var(--muted)}
.transfer-pipeline span.done{background:#e9f8ef;color:#17633b;border-color:#8ad0aa}
.transfer-pipeline span.red,.transfer-pipeline.cancelled span:last-child{background:#fdecec;color:#9b1c1c;border-color:#f2aaaa}
.warehouse-docs{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.stock-transfer-item{grid-template-columns:1fr}.stock-transfer-item .btn{width:100%}.transfer-pipeline{grid-template-columns:1fr 1fr}}