:root{--teal-deep:#00657a;--teal-primary:#0b8fac;--teal-light:#7bc1b7;--teal-deeper:#004452;--teal-mist:#eaf5f4;--teal-mist-2:#f5faf9;--ink:#0c2224;--ink-soft:#4c6669;--ink-faint:#86999b;--line:#dee8e7;--line-soft:#eef4f3;--paper:#fff;--canvas:#f5faf9;--success:#16a34a;--success-bg:#dcfce7;--warning:#ca8a04;--warning-bg:#fef9c3;--danger:#dc2626;--danger-bg:#fee2e2;--info:#0369a1;--info-bg:#e0f2fe;--sidebar-width:260px;--topbar-height:64px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-full:9999px;--sh-sm:0 1px 2px #0c22240f;--sh-md:0 8px 20px #00657a1a;--sh-lg:0 20px 40px -12px #00445233;--ease:cubic-bezier(.16, 1, .3, 1)}body.dark-mode{--teal-mist:#3b82f61f;--teal-mist-2:#3b82f60f;--ink:#eaf4f8;--ink-soft:#93c5fd;--ink-faint:#82a2b4;--line:#1d3a4e;--line-soft:#142b3c;--paper:#112433;--canvas:#050c12;--success:#2fbf8f;--success-bg:#2fbf8f26;--warning:#e0a83e;--warning-bg:#e0a83e26;--danger:#e15c5c;--danger-bg:#e15c5c26;--info:#12b4d6;--info-bg:#12b4d626;--sh-sm:0 1px 3px #0006;--sh-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--sh-lg:0 20px 25px -5px #0009, 0 8px 10px -6px #0006;background-color:var(--canvas);color:var(--ink)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:15px}body{background-color:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Cairo,system-ui,-apple-system,sans-serif;line-height:1.65;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}::selection{background:var(--teal-light);color:var(--teal-deeper)}*{scrollbar-width:thin;scrollbar-color:var(--teal-primary) var(--canvas)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--teal-primary), var(--teal-deep));border:2px solid var(--canvas);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--teal-deep)}::-webkit-scrollbar-corner{background:var(--canvas)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden}body.dark-mode .card{background:linear-gradient(155deg,#1e3a5f 0%,#0a1a2e 100%);border:1px solid #38bdf840;box-shadow:0 8px 24px #00000080}.card-head{border-bottom:1px solid var(--line-soft);padding:18px 22px}.card-head h2,.card-head h3{color:var(--ink);font-size:15px;font-weight:800}.card-body{padding:22px}.fg,.form-group{flex-direction:column;margin-bottom:18px;display:flex}.fl,.form-label{color:var(--ink);margin-bottom:8px;font-size:13px;font-weight:700}.req{color:var(--danger)}.fc,.form-control,.select-fc{border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--teal-mist-2);width:100%;color:var(--ink);transition:all .2s var(--ease);outline:none;padding:11px 15px;font-family:inherit;font-size:13.5px;font-weight:500}.fc::placeholder,.form-control::placeholder{color:var(--ink-faint);font-weight:400}.fc:focus,.form-control:focus,.select-fc:focus{border-color:var(--teal-primary);background:var(--paper);box-shadow:0 0 0 4px #0b8fac21}.fc.is-invalid,.form-control.is-invalid{border-color:var(--danger);background:var(--danger-bg)}.error-message{color:var(--danger);margin-top:6px;font-size:12px;font-weight:600}.btn{border-radius:var(--r-sm);cursor:pointer;transition:all .2s var(--ease);border:none;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.btn-p,.btn-primary{background:linear-gradient(135deg, var(--teal-primary), var(--teal-deep));color:#fff;box-shadow:0 6px 16px -4px #00657a73}body.dark-mode .btn-p,body.dark-mode .btn-primary{color:#04141a;background:linear-gradient(90deg,#0e97b4,#24d2e8);box-shadow:0 6px 18px -4px #12b4d673}.btn-p:hover,.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-s,.btn-secondary{background:var(--paper);color:var(--ink-soft);border:1px solid var(--line)}.btn-s:hover,.btn-secondary:hover{background:var(--teal-mist);color:var(--teal-deep)}.btn-danger{background:var(--paper);color:var(--danger);border:1px solid #fecaca}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.badge,.status-badge,.bdg{border-radius:var(--r-full);white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.badge .dot,.status-badge .dot{border-radius:50%;width:6px;height:6px}.badge-success,.bdg-ok,.status-badge.available{background:var(--success-bg);color:var(--success)}.badge-warning,.bdg-warn,.status-badge.low-stock{background:var(--warning-bg);color:var(--warning)}.badge-danger,.status-badge.out-of-stock{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}body.dark-mode .badge-success,body.dark-mode .bdg-ok,body.dark-mode .status-badge.available,body.dark-mode .badge-warning,body.dark-mode .bdg-warn,body.dark-mode .status-badge.low-stock,body.dark-mode .badge-danger,body.dark-mode .status-badge.out-of-stock{color:#eaf4f8;font-weight:700}body.dark-mode .badge-success,body.dark-mode .bdg-ok,body.dark-mode .status-badge.available{background:#2fbf8f38;border:1px solid #2fbf8f8c}body.dark-mode .badge-warning,body.dark-mode .bdg-warn,body.dark-mode .status-badge.low-stock{background:#e0a83e38;border:1px solid #e0a83e8c}body.dark-mode .badge-danger,body.dark-mode .status-badge.out-of-stock{background:#e15c5c38;border:1px solid #e15c5c8c}body.dark-mode .badge-info{color:#5fe0f0;background:#12b4d638;border:1px solid #12b4d68c}.table-container,.table-wrapper-card,.table-card-wrapper{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden}body.dark-mode .table-container,body.dark-mode .table-wrapper-card,body.dark-mode .table-card-wrapper{background:linear-gradient(155deg,#1e3a5f 0%,#0a1a2e 100%);border:1px solid #38bdf840;box-shadow:0 8px 24px #00000080}table{border-collapse:collapse;width:100%}th,td{text-align:right;border-bottom:1px solid var(--line-soft);padding:13px 20px;font-size:13.5px}th{background:var(--canvas);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}body.dark-mode th{color:#5fe0f0;background:#12b4d61a;border-bottom:1px solid #1d3a4e}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--teal-mist-2)}body.dark-mode tbody tr:hover{background:#12b4d60f}.breadcrumb-trail,.breadcrumb-nav{color:var(--ink-soft);align-items:center;gap:6px;font-size:12.5px;display:flex}.breadcrumb-trail a,.breadcrumb-nav a{color:var(--ink-soft);font-weight:600}.breadcrumb-trail a:hover,.breadcrumb-nav a:hover{color:var(--teal-deep)}.breadcrumb-trail .current,.breadcrumb-nav .cur{color:var(--ink);font-weight:700}:focus-visible{outline:2px solid var(--teal-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}