:root{--color-background:#1a1a2e;--color-header:#242444;--color-surface:#2a2a4a;--color-primary:#4fc3f7;--color-text:#ffffff;--color-text-secondary:#a0a0b0;--color-alert:#ff5252;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--min-touch:48px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(rgba(26,26,46,.86),rgba(26,26,46,.9)),url(/bg.png) 50% /cover fixed no-repeat,var(--color-background);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input{font-family:inherit}.home-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:190px;padding:28px;border-radius:24px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--card-text);text-decoration:none;box-shadow:0 10px 15px -3px rgba(0,0,0,.25),0 4px 6px -4px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease-in-out}.home-card:hover{background:var(--card-bg-hover);transform:translateY(-6px);box-shadow:0 25px 50px -12px rgba(0,0,0,.4)}.home-card svg{width:48px;height:48px;margin-bottom:16px;color:var(--card-icon)}.home-card h2{margin:0 0 4px;font-size:20px;font-weight:600}.home-card p{margin:0;font-size:14px;opacity:.9}.home-card.disabled{cursor:default;opacity:.75}.home-card.disabled:hover{transform:none}.item-picker-option:hover{background:#a5c8fa}.reg{width:90vw;margin-left:calc(50% - 45vw)}.reg-panel{background:#1e293b;border-radius:16px;padding:24px;box-shadow:0 10px 15px -3px rgba(0,0,0,.4)}.reg-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.reg-top h1{margin:0;font-size:28px}.reg-buttons{display:flex;flex-wrap:wrap;gap:12px}.reg-btn{padding:10px 24px;border-radius:8px;background:linear-gradient(90deg,#3b82f6,#6366f1);color:#fff;font-size:18px;font-weight:500;text-decoration:none}.reg-table{border:1px solid #334155;border-radius:8px;overflow:hidden}.reg-grid{display:grid;grid-column-gap:16px;column-gap:16px;grid-template-columns:150px 110px minmax(0,1fr) 150px 130px 90px;grid-template-areas:"no date cust total by act" ". . lines lines . .";padding:14px 16px;align-items:start}.reg-head{background:#334155;color:#e2e8f0;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;grid-template-areas:"no date cust total by act";align-items:center}.reg-order{border-top:1px solid #475569}.reg-strong{font-weight:600}.reg-muted{color:#94a3b8;font-size:13px}.reg-badges{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}.reg-action{display:inline-block;padding:8px 18px;border-radius:6px;border:1px solid #475569;background:#1e293b;color:#fff;text-decoration:none}.reg-lines{margin-top:8px;border-top:1px dashed #475569}.reg-line{display:grid;grid-column-gap:12px;column-gap:12px;grid-template-columns:minmax(0,1fr) 90px 110px 120px;grid-template-areas:"name qty rate value";padding:8px 0;border-bottom:1px solid #334155;font-size:14px}.reg-line:last-child{border-bottom:none}.reg-num{text-align:right;white-space:nowrap}.reg-more{margin-top:16px;padding:8px 16px;border-radius:8px;border:none;background:#334155;color:#fff;cursor:pointer}@media (max-width:1023px){.reg-grid{grid-template-columns:120px 90px minmax(0,1fr) 110px 100px 76px;column-gap:10px;padding:12px}.reg-line{grid-template-columns:minmax(0,1fr) 80px 96px 104px}}@media (max-width:719px){.reg{width:100%;margin-left:0}.reg-panel{padding:16px}.reg-top h1{font-size:22px}.reg-btn{font-size:15px;padding:8px 16px}.reg-head{display:none}.reg-grid{grid-template-columns:1fr auto;grid-template-areas:"no date" "cust cust" "lines lines" "by by" "total act";row-gap:8px}.reg-line{grid-template-columns:repeat(3,auto);justify-content:space-between;grid-template-areas:"name name name" "qty rate value";row-gap:2px}.reg-line .reg-num{text-align:left}}.reg-period{margin-top:4px;color:#94a3b8;font-size:14px}.reg-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px}.reg-date{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#cbd5e1}.reg-date-box{position:relative;display:flex;align-items:center;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.reg-date-box input:not(.reg-native-date){width:130px;min-height:40px;border:none;background:transparent;color:#374151;padding:0 10px;font-size:15px}.reg-date-box button{border:none;background:transparent;cursor:pointer;padding:0 10px;font-size:16px}.reg-native-date{position:absolute;right:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none}.reg-show{border:none;cursor:pointer;min-height:40px;padding:0 24px;font-size:16px}.reg-line{color:#7dd3fc;font-style:italic}@media screen{.print-sheet{display:none}}@media print{body{background:#fff!important;color:#000!important}body *{visibility:hidden}.print-sheet,.print-sheet *{visibility:visible}.print-sheet{position:absolute;left:0;top:0;width:100%;color:#000;font-size:14px}.print-sheet h1{text-align:center;margin:0 0 16px;font-size:24px}.print-meta{display:flex;justify-content:space-between;margin-bottom:12px}.print-sheet table{width:100%;border-collapse:collapse;margin-top:12px}.print-sheet td,.print-sheet th{border:1px solid #000;padding:6px 8px;text-align:right}.print-sheet tfoot td{font-weight:700}}.reg-select{min-width:170px;min-height:40px;border:none;background:transparent;color:#374151;padding:0 10px;font-size:15px}