:root{--color-primary: #e8390e;--color-primary-dark: #c42e08;--color-primary-light: #ff5a33;--color-white: #ffffff;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-border: #e0e0e0;--color-text: #1a1a1a;--color-text-muted: #757575;--color-success: #2e7d32;--color-warning: #f57c00;--color-danger: #c62828;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.12);--shadow-lg: 0 8px 24px rgba(0,0,0,.15);--font: "Inter", sans-serif;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);font-size:16px;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;overflow:hidden}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.4rem;font-weight:600}h3{font-size:1.15rem;font-weight:600}p{line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-family:var(--font);font-size:.95rem;font-weight:600;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-primary);color:var(--color-white)}.btn--primary:hover{background:var(--color-primary-dark)}.btn--outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn--outline:hover{background:#e8390e0f}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover{background:var(--color-border)}.btn--danger{background:var(--color-danger);color:var(--color-white)}.btn--danger:hover{background:#b71c1c}.btn--success{background:var(--color-success);color:var(--color-white)}.btn--success:hover{background:#1b5e20}.btn--lg{padding:14px 28px;font-size:1.05rem;border-radius:var(--radius-lg)}.btn--xl{padding:18px 0;font-size:1.2rem;border-radius:var(--radius-lg);width:100%}.btn--icon{padding:10px;border-radius:var(--radius-md);width:42px;height:42px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.touch-btn{min-height:56px;min-width:56px;border-radius:var(--radius-lg);font-size:1rem;font-weight:600}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.input-group input,.input-group select,.input-group textarea{width:100%;padding:9px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font);font-size:.9rem;color:var(--color-text);background:var(--color-white);transition:border-color var(--transition);outline:none;height:38px}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e8390e1f}.input-group input::placeholder,.input-group select::placeholder,.input-group textarea::placeholder{color:#bdbdbd}.input-group textarea{height:auto;min-height:70px;resize:vertical}.input-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23757575' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:.78rem;font-weight:600}.badge--primary{background:#e8390e1f;color:var(--color-primary)}.badge--success{background:#2e7d321f;color:var(--color-success)}.badge--warning{background:#f57c001f;color:var(--color-warning)}.badge--danger{background:#c628281f;color:var(--color-danger)}.badge--neutral{background:var(--color-border);color:var(--color-text-muted)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}table.neopos-table{width:100%;border-collapse:collapse;background:var(--color-white)}table.neopos-table thead tr{background:var(--color-primary);color:var(--color-white)}table.neopos-table th,table.neopos-table td{padding:12px 16px;text-align:left;font-size:.9rem}table.neopos-table th{font-weight:600;letter-spacing:.03em}table.neopos-table tbody tr{border-bottom:1px solid var(--color-border);transition:background var(--transition)}table.neopos-table tbody tr:hover{background:#fafafa}table.neopos-table tbody tr:last-child{border-bottom:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#aaa}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-right{text-align:right}.text-center{text-align:center}.fw-600{font-weight:600}.fw-700{font-weight:700}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}