.solo-system-demo button,.solo-system-demo input{font:inherit}.solo-system-demo .solo-top-actions{gap:10px}.solo-demo-sample{display:inline-flex;align-items:center;gap:7px;color:#9b978f;font-size:.66rem}.solo-demo-sample i{width:7px;height:7px;border-radius:50%;background:#68b883;box-shadow:0 0 0 4px rgba(104,184,131,.12)}
.solo-demo-theme,.solo-demo-register{border:1px solid rgba(225,184,101,.24);border-radius:7px;padding:8px 11px;background:rgba(255,255,255,.035);color:#d7d1c7;font-size:.65rem;text-decoration:none}.solo-demo-register{background:linear-gradient(135deg,#f0d18c,#b77a1c);border:0;color:#181209;font-weight:800}.solo-demo-theme:hover,.solo-demo-register:hover{filter:brightness(1.08)}
.solo-demo-rail-cta{display:block!important;margin-top:12px!important;text-align:center;border:1px solid rgba(231,190,107,.34)!important;background:rgba(190,132,35,.13);color:#e7bd69!important;font-weight:700}.solo-system-demo .solo-main{padding-bottom:100px}
.solo-demo-notice{max-width:1460px;margin:0 auto 12px;display:flex;align-items:center;gap:14px;padding:11px 15px;border:1px solid rgba(226,181,89,.16);border-radius:10px;background:rgba(199,139,38,.055)}.solo-demo-notice span{flex:none;color:#d7aa53;font-size:.55rem;letter-spacing:.17em;font-weight:800}.solo-demo-notice p{margin:0;color:#8f8b84;font-size:.66rem}
.solo-demo-view[hidden]{display:none!important}.solo-demo-view.active{animation:soloDemoIn .28s ease both}@keyframes soloDemoIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.solo-system-demo .payslips-page,.solo-system-demo .solo-module-hub{max-width:1460px;margin:0 auto}.solo-system-demo button.payslips-primary-btn,.solo-system-demo button.payslips-row-btn{cursor:default}
.solo-demo-system-table{margin-top:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(145deg,#151617,#101112);color:#f1eee9}.solo-demo-system-table>header{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:20px;border-bottom:1px solid rgba(255,255,255,.075)}.solo-demo-system-table>header>div{display:grid}.solo-demo-system-table>header span{color:#d7aa53;font-size:.55rem;letter-spacing:.16em}.solo-demo-system-table>header h2{margin:4px 0 3px;font-size:1.08rem;color:#f4f1eb}.solo-demo-system-table>header p{margin:0;color:#85817a;font-size:.67rem}.solo-demo-system-table>header label{display:grid;gap:5px;min-width:240px;color:#8b867e;font-size:.58rem;text-transform:uppercase;letter-spacing:.09em}.solo-demo-system-table input{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 11px;background:#0e0f10;color:#eee;outline:0}.solo-demo-system-table>header>em{align-self:center;padding:5px 9px;border-radius:999px;background:rgba(92,178,120,.12);color:#7fce98;font-size:.59rem;font-style:normal}
.solo-demo-table-scroll{overflow-x:auto}.solo-demo-system-table table{width:100%;border-collapse:collapse;min-width:730px}.solo-demo-system-table th{padding:11px 14px;text-align:left;background:rgba(255,255,255,.025);color:#77736d;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}.solo-demo-system-table td{padding:11px 14px;border-top:1px solid rgba(255,255,255,.065);color:#c9c5be;font-size:.68rem}.solo-demo-system-table td:first-child{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;color:#eee}.solo-demo-system-table td:first-child>b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#322716;color:#efc66e;font-size:.58rem}.solo-demo-system-table td:first-child>span{display:grid}.solo-demo-system-table td small{display:block;color:#777;font-size:.55rem}.solo-demo-system-table td em{padding:4px 8px;border-radius:999px;background:rgba(86,175,116,.12);color:#77ca92;font-size:.56rem;font-style:normal}.solo-demo-system-table td em.attention{background:rgba(219,158,63,.13);color:#e6b963}
.solo-demo-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.solo-demo-report-list{display:grid}.solo-demo-report-list>div{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:11px 18px;border-top:1px solid rgba(255,255,255,.065)}.solo-demo-report-list>div>b{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:rgba(216,169,80,.12);color:#e4b85f;font-size:.58rem}.solo-demo-report-list>div>span{display:grid}.solo-demo-report-list strong{font-size:.69rem}.solo-demo-report-list small{font-size:.57rem;color:#777}.solo-demo-report-list button,.solo-demo-action{border:1px solid rgba(222,176,84,.25);border-radius:7px;padding:7px 10px;background:transparent;color:#d4a851;font-size:.6rem}
.solo-demo-field-list{display:flex;flex-wrap:wrap;gap:7px;padding:18px}.solo-demo-field-list span{padding:7px 9px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:rgba(255,255,255,.025);color:#c9c5be;font-size:.61rem}.solo-demo-rule{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px;align-items:center;margin:0 18px 16px;padding:13px;border:1px solid rgba(225,180,88,.14);border-radius:9px;background:rgba(196,136,35,.05)}.solo-demo-rule small{grid-column:1/-1;color:#a37b35;font-size:.5rem;letter-spacing:.13em}.solo-demo-rule strong,.solo-demo-rule em,.solo-demo-rule b{font-size:.64rem}.solo-demo-rule em{font-style:normal;color:#e5b75b}.solo-demo-action{margin:0 18px 18px;background:linear-gradient(135deg,#e7c473,#b67c22);color:#171108;font-weight:800}
.solo-demo-system-table#import-preview{margin-top:12px}.solo-demo-mapping{display:grid;grid-template-columns:1fr auto 1fr auto;gap:18px;align-items:center;padding:13px 20px;border-top:1px solid rgba(255,255,255,.065)}.solo-demo-mapping>span{display:grid}.solo-demo-mapping small{color:#777;font-size:.51rem;letter-spacing:.1em}.solo-demo-mapping strong{font-size:.67rem}.solo-demo-mapping i{color:#b98a38}.solo-demo-mapping b{padding:5px 8px;border-radius:999px;background:rgba(86,175,116,.11);color:#77ca92;font-size:.55rem}
.solo-demo-schedule,.solo-demo-calendar{margin-top:34px;padding-top:24px;border-top:1px solid var(--border)}.solo-demo-schedule-filters{display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(150px,.55fr)) auto;gap:12px;align-items:end;padding-top:18px}.solo-demo-schedule-filters label{display:grid;gap:6px;color:var(--text-muted);font-size:.68rem;font-weight:750}.solo-demo-schedule-filters select,.solo-demo-schedule-filters input{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--surface-2);color:var(--text)}.solo-demo-schedule .schedule-shift-cell{cursor:default}.solo-demo-calendar .calendar-day{cursor:default}
.solo-demo-stepper{position:fixed;z-index:1005;left:274px;right:22px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:1460px;margin:auto;padding:10px 12px;border:1px solid rgba(226,181,89,.2);border-radius:12px;background:rgba(15,16,17,.91);box-shadow:0 16px 45px rgba(0,0,0,.34);backdrop-filter:blur(18px)}.solo-demo-stepper button{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;background:rgba(255,255,255,.03);color:#d5d0c8;font-size:.65rem}.solo-demo-stepper button:last-child{border-color:rgba(226,181,89,.3);color:#e5bb69}.solo-demo-stepper button:disabled{opacity:.35}.solo-demo-stepper>span{display:grid;text-align:center}.solo-demo-stepper small{color:#827e77;font-size:.52rem}.solo-demo-stepper strong{color:#efebe4;font-size:.67rem}
html.solo-theme-light .solo-system-demo .solo-demo-notice{border-color:rgba(151,102,30,.17);background:#fffaf1}html.solo-theme-light .solo-system-demo .solo-demo-notice p{color:#69625a}html.solo-theme-light .solo-system-demo .solo-demo-system-table{border-color:rgba(31,31,27,.11);background:linear-gradient(145deg,#fff,#f8f6f1);color:#1b1d1c;box-shadow:0 14px 34px rgba(35,29,19,.055)}html.solo-theme-light .solo-system-demo .solo-demo-system-table>header{border-color:rgba(31,31,27,.09)}html.solo-theme-light .solo-system-demo .solo-demo-system-table>header h2,html.solo-theme-light .solo-system-demo .solo-demo-report-list strong,html.solo-theme-light .solo-system-demo .solo-demo-mapping strong{color:#1b1d1c}html.solo-theme-light .solo-system-demo .solo-demo-system-table>header p,html.solo-theme-light .solo-system-demo .solo-demo-report-list small,html.solo-theme-light .solo-system-demo .solo-demo-system-table td,html.solo-theme-light .solo-system-demo .solo-demo-mapping small{color:#69716c}html.solo-theme-light .solo-system-demo .solo-demo-system-table input{border-color:#d9d4cc;background:#fff;color:#1b1d1c}html.solo-theme-light .solo-system-demo .solo-demo-system-table th{background:#f7f4ef;color:#766e64}html.solo-theme-light .solo-system-demo .solo-demo-system-table td,html.solo-theme-light .solo-system-demo .solo-demo-report-list>div,html.solo-theme-light .solo-system-demo .solo-demo-mapping{border-color:rgba(31,31,27,.075)}html.solo-theme-light .solo-system-demo .solo-demo-field-list span{border-color:#dfdad2;background:#faf8f4;color:#48433c}html.solo-theme-light .solo-system-demo .solo-demo-rule{border-color:#e5d3af;background:#fff9ee}html.solo-theme-light .solo-system-demo .solo-demo-stepper{border-color:rgba(151,102,30,.2);background:rgba(255,255,255,.92);box-shadow:0 16px 42px rgba(57,43,24,.14)}html.solo-theme-light .solo-system-demo .solo-demo-stepper button{border-color:#d9d2c8;color:#37322c}html.solo-theme-light .solo-system-demo .solo-demo-stepper strong{color:#1b1d1c}
@media(max-width:900px){.solo-system-demo .solo-top-actions .solo-demo-sample{display:none}.solo-demo-stepper{left:14px;right:14px}.solo-demo-tool-grid{grid-template-columns:1fr}.solo-demo-schedule-filters{grid-template-columns:1fr 1fr}.solo-demo-schedule-filters label:first-child{grid-column:1/-1}}
@media(max-width:620px){.solo-system-demo .solo-topbar{gap:4px}.solo-system-demo .solo-brand span{display:none}.solo-system-demo .solo-switch{display:none}.solo-demo-theme{font-size:0;width:36px;height:36px;padding:0}.solo-demo-theme:after{content:"◐";font-size:1rem}.solo-demo-register{padding:8px 9px}.solo-demo-notice{align-items:flex-start;display:grid}.solo-demo-system-table>header{align-items:stretch;display:grid}.solo-demo-system-table>header label{min-width:0}.solo-demo-system-table{border-radius:11px}.solo-demo-rule{grid-template-columns:1fr 1fr}.solo-demo-mapping{grid-template-columns:1fr auto 1fr;padding:12px;gap:9px}.solo-demo-mapping>b{grid-column:3}.solo-demo-schedule-filters{grid-template-columns:1fr}.solo-demo-schedule-filters label:first-child{grid-column:auto}.solo-demo-calendar .work-calendar-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.solo-demo-calendar .calendar-employee-picker{width:100%}.solo-demo-stepper{bottom:7px}.solo-demo-stepper button{padding:8px}.solo-demo-stepper>span{display:none}}
.solo-demo-attendance{padding-bottom:12px}.solo-demo-attendance .solo-record-head>a{cursor:pointer}.solo-demo-attendance .solo-record-tabs a{cursor:default}.solo-demo-attendance .solo-record-table .actions button+button{margin-left:4px;color:#b52e26}.solo-demo-attendance .solo-demo-editor-close{border:0;background:transparent;color:var(--sr-gold);font:inherit;font-size:.78rem;font-weight:800}.solo-demo-attendance .solo-status.pending{background:color-mix(in srgb,#d58a20 13%,var(--sr-panel));color:color-mix(in srgb,#d58a20 78%,var(--sr-text))}