.sys-shell{--ink:#071c28;--aqua:#33cddb;--muted:#647a86;min-height:100vh;background:#f0f4f7;color:var(--ink);font:14px/1.5 Arial,sans-serif}.sys-shell *{box-sizing:border-box}.sys-shell h1,.sys-shell h2,.sys-shell h3{font-family:Arial,sans-serif;letter-spacing:-.025em}.sys-shell button,.sys-shell input,.sys-shell select{font:inherit}.sys-shell button,.sys-shell a{transition:background .15s,color .15s}.sys-shell button{cursor:pointer}.sys-shell button:disabled{opacity:.5;cursor:wait}.sys-sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:#071c28;color:#dcecf2;padding:26px 18px;display:flex;flex-direction:column;z-index:40;overflow:auto}.sys-brand{background:white;display:flex;flex-direction:column;align-items:center;border-radius:14px;padding:15px;text-decoration:none;margin-bottom:30px}.sys-brand img{width:180px;max-width:100%;height:76px;object-fit:contain}.sys-brand small{color:#55707e;font-size:9px;letter-spacing:.19em;margin-top:10px}.sys-sidebar nav{display:grid;gap:7px}.sys-sidebar nav button,.sys-sidebar nav a{border:0;background:transparent;color:#b9cfd9;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;border-radius:9px;text-decoration:none;font-weight:600;font-size:13px}.sys-sidebar nav span{font-size:20px;width:24px;text-align:center}.sys-sidebar nav .active{background:#33cddb;color:#071c28;box-shadow:0 7px 20px #0002}.sys-sidebar nav button:hover,.sys-sidebar nav a:hover{background:#174451;color:white}.sys-account{margin-top:auto;padding:28px 10px 0;display:grid;gap:6px}.sys-account small{font-size:11px;color:#91b4c3}.sys-account a{margin-top:10px;border:1px solid #37616d;padding:10px 15px;border-radius:8px;color:white;text-decoration:none}.sys-header{position:fixed;left:246px;right:0;top:0;height:90px;background:#ffffffed;backdrop-filter:blur(10px);border-bottom:1px solid #dce6ec;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:18px 36px;gap:15px}.sys-header small{font-size:9px;letter-spacing:.16em;color:#63838e}.sys-header h1{font-size:25px;margin:3px 0 0}.sys-header-actions{display:flex;align-items:center;gap:16px}.sys-header-actions a{color:#294655;text-decoration:none;border:1px solid #dce6ec;border-radius:8px;padding:9px 14px;font-size:12px}.sys-live{color:#187d69;background:#e7f7f2;padding:7px 11px;border-radius:20px;font-size:11px}.sys-main{margin-left:246px;padding:120px 36px 90px;max-width:1900px}.sys-footer{position:fixed;bottom:0;right:0;left:246px;z-index:30;padding:12px 36px;background:#fff;border-top:1px solid #dce6ec;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#68818d}.sys-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.sys-welcome small,.sys-section-title small{letter-spacing:.15em;color:#138fa0;font-size:10px;font-weight:700}.sys-welcome h2{font-size:30px;margin:6px 0}.sys-welcome p,.sys-muted{color:#647a86}.sys-welcome>span{color:#647a86;font-size:12px}.sys-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.sys-metrics article{background:white;border:1px solid #e0e8ed;border-radius:14px;padding:24px;box-shadow:0 5px 16px #102b3b04;display:grid;gap:10px}.sys-metrics article:first-child{background:linear-gradient(130deg,#0a303e,#15596a);color:white;border:0}.sys-metrics article>span{font-size:10px;letter-spacing:.09em;font-weight:700}.sys-metrics strong{font-size:38px;line-height:1.1}.sys-metrics small{opacity:.65;font-size:11px}.sys-card{background:white;border:1px solid #dfe8ee;padding:26px;border-radius:14px;margin-bottom:22px;box-shadow:0 5px 16px #102b3b03;min-width:0}.sys-card h2{font-size:20px;margin:0 0 10px}.sys-section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.sys-section-title span,.sys-section-title small{font-size:12px;color:#67818b}.sys-chart{height:200px;display:flex;gap:6px;align-items:flex-end;border-bottom:1px solid #dae5eb;overflow-x:auto;padding-top:24px}.sys-chart>div{flex:1;min-width:15px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:7px}.sys-chart i{width:75%;max-width:28px;background:linear-gradient(#33cddb,#0798b0);border-radius:5px 5px 0 0;display:block}.sys-chart b,.sys-chart small{font-size:9px;color:#6b8490}.sys-muted{font-size:12px;margin-top:16px}.sys-order-line{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;padding:15px 0;border-top:1px solid #edf1f4}.sys-badge{background:#eaf8f5;color:#1d7e69;padding:3px 10px;border-radius:6px;font-size:11px}.sys-shell button:not(.sys-sidebar button):not(.sys-menu-toggle):not(.row-actions button):not(.admin-modal button),.sys-primary{border:1px solid #c9dce5;background:#edf6f8;color:#123847;border-radius:8px;padding:10px 16px;text-decoration:none;font-weight:600;font-size:12px}.sys-shell .sys-primary{background:#33cddb!important;border-color:#33cddb!important;color:#071c28!important}.sys-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 22px}.sys-shell input:not([type=checkbox]),.sys-shell select{padding:12px;border:1px solid #d0dfe6;border-radius:8px;background:#fff;color:#183b4d;min-width:0}.sys-filters>input{flex:1;min-width:200px}.sys-filters>span{color:#69828d;font-size:12px}.sys-order-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sys-order-fields dt{color:#77909b;font-size:11px}.sys-order-fields dd{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.sys-card summary{cursor:pointer;color:#168a9d;padding:8px 0}.sys-two-col{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.sys-user-row{padding:18px 0;border-top:1px solid #e6edf1;display:flex;justify-content:space-between;align-items:center;gap:15px}.sys-user-row small,.sys-user-row span{display:block;font-size:11px;color:#6b8590}.sys-form fieldset{border:0;padding:0}.sys-form label{display:grid;gap:7px;margin-bottom:16px;font-size:12px;font-weight:600}.sys-form .sys-check{display:flex;align-items:center;gap:10px}.sys-form input[type=checkbox]{width:17px;height:17px;accent-color:#079aae}.sys-form h3{font-size:15px;margin-top:25px}.sys-error{background:#fff0ed;color:#9a3929;padding:14px;border-radius:10px;margin-bottom:20px}.sys-report-head{display:flex;gap:24px;border-bottom:3px solid #33cddb;padding-bottom:20px;margin-bottom:20px}.sys-report-head img{width:150px;height:90px;object-fit:contain}.sys-table-scroll{overflow:auto}.sys-report table{border-collapse:collapse;width:100%;font-size:12px}.sys-report th{background:#eef5f7;text-align:left}.sys-report th,.sys-report td{border-bottom:1px solid #d7e4e9;padding:12px;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere}.sys-report footer{margin-top:25px;padding-top:20px;border-top:1px solid #d7e4e9;font-size:11px;color:#647a86}.sys-menu-toggle{display:none}.sys-products .admin-sidebar,.sys-products .metric-grid,.sys-products .admin-visits,.sys-products .admin-header h1,.sys-products .admin-header p,.sys-products .admin-header a{display:none!important}.sys-products .admin-shell{display:block;background:transparent;min-height:0}.sys-products .admin-main{margin:0;width:100%;padding:0}.sys-products .admin-header{position:static;display:flex;justify-content:flex-end;padding:0 0 18px;height:auto;border:0;background:none}.sys-products .admin-catalog{border-radius:14px;overflow:hidden;border:1px solid #dfe8ee;background:white}.sys-products .admin-section-head{padding:24px}.sys-products .admin-section-head h2{font-size:22px}.sys-products .table-row{min-height:85px}.sys-products .table-product b{font-size:13px}.sys-products .admin-table{overflow:auto}.category-picker{padding:18px 24px;border-top:1px solid #e4edf1;display:flex;gap:20px;align-items:center;background:#f7fafb;flex-wrap:wrap}.category-picker label{display:flex;gap:15px;align-items:center;font-weight:600}.category-picker span{font-size:12px;color:#68818c}.sys-products .admin-modal-backdrop{z-index:100}.sys-products .toast{z-index:110}.sys-products .table-head{font-size:10px}
@media(max-width:1100px){.sys-metrics{grid-template-columns:repeat(2,1fr)}.sys-two-col{grid-template-columns:1fr}.sys-header-actions .sys-live{display:none}.sys-main{padding-left:22px;padding-right:22px}}
@media(max-width:760px){.sys-sidebar{transform:translateX(-100%);transition:transform .2s}.sys-shell.menu-open .sys-sidebar{transform:translateX(0);top:80px;bottom:40px;box-shadow:10px 0 30px #0003}.sys-header{left:0;height:80px;padding:12px 16px}.sys-header h1{font-size:18px}.sys-header small{font-size:8px}.sys-menu-toggle{display:block;border:0;background:#edf6f8;padding:8px 12px;border-radius:7px;font-size:20px}.sys-header-actions a{padding:7px;font-size:10px}.sys-header-actions a:last-child{display:none}.sys-main{margin:0;padding:105px 16px 90px}.sys-footer{left:0;padding:10px 16px;font-size:9px}.sys-welcome{align-items:start}.sys-welcome h2{font-size:24px}.sys-welcome>span{display:none}.sys-card{padding:18px}.sys-metrics{gap:12px}.sys-metrics article{padding:18px}.sys-metrics strong{font-size:32px}.sys-order-line{grid-template-columns:1fr auto}.sys-order-line>span:not(.sys-badge){display:none}.sys-order-fields{grid-template-columns:1fr}.category-picker label{display:grid;width:100%}.sys-products .admin-section-head{align-items:start;gap:15px;flex-direction:column}.sys-user-row{flex-wrap:wrap}}
@media print{body:has(.sys-report){background:white}.sys-sidebar,.sys-header,.sys-footer,.sys-main>.catalog-no-print{display:none!important}.sys-main{margin:0;padding:0}.sys-shell{background:white}.sys-report{border:0;box-shadow:none;padding:0}.sys-report .catalog-no-print{display:none!important}.sys-report .sys-table-scroll{overflow:visible}.sys-report table{table-layout:fixed;font-size:9px}.sys-report th,.sys-report td{padding:5px}.sys-report tr{break-inside:avoid}.sys-report thead{display:table-header-group}}