body{background:linear-gradient(135deg, #f5f6fa, #e3f2fd);min-height:100vh;font-family:'Inter', sans-serif}.dashboard-title{font-size:2rem;font-weight:600;color:#333;margin-bottom:5px;animation:fadeInDown 0.8s ease forwards}.dashboard-subtitle{font-size:1rem;color:#666;margin-bottom:40px;animation:fadeInDown 1s ease forwards}.menu-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.menu-card{position:relative;background:rgba(255,255,255,0.65);backdrop-filter:blur(12px);border-radius:25px;width:180px;height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,0.08),0 0 20px rgba(63,81,181,0.1);cursor:pointer;overflow:hidden;opacity:0;transform:translateY(30px);animation:fadeInUp 0.8s forwards;animation-delay:0.1s;transition:transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease}.menu-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 40px rgba(0,0,0,0.15),0 0 30px rgba(63,81,181,0.2);background:rgba(255,255,255,0.75)}.menu-icon{font-size:3rem;color:#3f51b5;margin-bottom:12px;transition:transform 0.4s ease, color 0.4s ease}.menu-card:hover .menu-icon{transform:rotate(10deg) scale(1.2);color:#303f9f}.menu-label{font-size:1.1rem;font-weight:500;color:#333;text-align:center}.menu-card:hover .menu-label{color:#222}.menu-badge{position:absolute;top:12px;right:12px;background:#3f51b5;color:#fff;padding:5px 10px;border-radius:12px;font-size:0.8rem;font-weight:500;box-shadow:0 3px 10px rgba(0,0,0,0.1)}.menu-card:hover .menu-badge{transform:scale(1.1);background:#303f9f;transition:transform 0.4s ease, background 0.4s ease}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.document-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.document-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,0.55);backdrop-filter:blur(10px);box-shadow:0 8px 20px rgba(0,0,0,0.05)}.doc-meta{display:flex;flex-direction:column;gap:4px}.doc-type{font-size:13px;font-weight:600;color:#444}.doc-name{font-size:14px;color:#222}.doc-date{font-size:12px;color:#777}.doc-actions{display:flex;gap:8px}.numeric-input{letter-spacing:0.12em;font-variant-numeric:tabular-nums}.phone-input{letter-spacing:0.15em}.aadhaar-input{letter-spacing:0.2em}.pan-input{letter-spacing:0.1em}.glass-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:20px}.glass-tile{background:rgba(255,255,255,0.65);backdrop-filter:blur(12px);border-radius:14px;padding:16px;box-shadow:0 10px 25px rgba(0,0,0,0.06);transition:transform 0.25s ease, box-shadow 0.25s ease}.glass-tile:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(0,0,0,0.1)}.tile-header{display:flex;justify-content:space-between;align-items:center}.tile-body{margin:12px 0}.tile-actions{display:flex;gap:8px}.enterprise-table{width:100%;border-collapse:collapse;font-size:14px}.enterprise-table th{text-align:left;padding:12px;font-weight:600;color:#444;border-bottom:1px solid rgba(0,0,0,0.08)}.enterprise-table td{padding:14px 12px;border-bottom:1px solid rgba(0,0,0,0.05);vertical-align:middle}.enterprise-table tbody tr:hover{background:rgba(255,255,255,0.4)}.muted{font-size:12px;color:#777}.status-pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.status-pill.active{background:#e6f4ea;color:#1e7f43}.status-pill.inactive{background:#f2f2f2;color:#666}.status-pill.resigned{background:#fdecea;color:#b42318}.link-btn{margin-left:10px;font-size:13px;color:#2563eb;text-decoration:none}.text-right{text-align:right}.employee-header{margin-bottom:24px}.employee-header h2{font-size:22px;font-weight:600;margin-bottom:6px}.employee-subtitle{font-size:14px;color:#555;display:flex;align-items:center;gap:8px}.employee-subtitle .dot{color:#aaa}.employee-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.details-section h4{font-size:15px;font-weight:600;margin-bottom:12px;color:#333}.detail-row{display:grid;grid-template-columns:160px 1fr;padding:6px 0}.detail-row .label{font-size:13px;color:#666}.detail-row .value{font-size:14px;color:#222}.details-section.full-width{grid-column:1 / -1}.company-page{min-height:calc(100vh - 120px);background:linear-gradient(180deg, #f8fafc, #eef2f7);display:flex;justify-content:center;padding:40px 0}.company-glass-card{width:70%;max-width:1100px;background:rgba(255,255,255,0.75);backdrop-filter:blur(14px);border-radius:22px;padding:36px 40px;box-shadow:0 28px 70px rgba(0,0,0,0.12)}.company-form-header{margin-bottom:30px}.company-form-header h2{font-size:24px;font-weight:700;color:#020617;margin-bottom:4px}.company-form-header p{font-size:13px;color:#64748b}.company-errors{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.35);border-radius:14px;padding:12px 16px;margin-bottom:22px}.company-errors ul{margin:0;padding-left:18px;font-size:13px}.form-section{margin-bottom:32px}.form-section h4{font-size:15px;font-weight:700;margin-bottom:18px;color:#0f172a}.form-field{margin-bottom:18px}.form-field label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:#334155}.form-field input,.form-field textarea{width:100%;padding:11px 12px;font-size:13px;border-radius:12px;border:1px solid rgba(0,0,0,0.15);background:rgba(255,255,255,0.9);outline:none}.form-field input:focus,.form-field textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 2px rgba(56,189,248,0.25)}.form-actions{text-align:right;margin-top:30px}.primary-btn{padding:12px 26px;border-radius:14px;border:none;background:linear-gradient(135deg, #38bdf8, #0284c7);color:#020617;font-size:14px;font-weight:700;cursor:pointer}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(56,189,248,0.45)}.company-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.company-list-header h2{font-size:24px;font-weight:700;color:#020617;margin-bottom:4px}.company-list-header p{font-size:13px;color:#64748b}.table-wrapper{overflow-x:auto}.enterprise-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.enterprise-table thead th{text-align:left;font-size:12px;font-weight:700;color:#475569;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,0.15)}.enterprise-table tbody td{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,0.08);color:#020617}.enterprise-table tbody tr:hover{background:rgba(56,189,248,0.08)}.table-btn{display:inline-block;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;text-decoration:none;margin-left:6px}.view-btn{background:rgba(56,189,248,0.15);color:#0284c7}.edit-btn{background:rgba(251,191,36,0.2);color:#92400e}.view-btn:hover,.edit-btn:hover{transform:translateY(-1px)}.empty-state{text-align:center;padding:30px;font-size:13px;color:#64748b}.company-show-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.company-show-header h2{font-size:24px;font-weight:700;color:#020617;margin-bottom:4px}.company-show-header p{font-size:13px;color:#64748b}.company-show-actions{display:flex;gap:12px}.secondary-btn{padding:12px 22px;border-radius:14px;background:rgba(0,0,0,0.05);color:#020617;font-size:14px;font-weight:700;text-decoration:none}.secondary-btn:hover{background:rgba(0,0,0,0.08)}.details-section{margin-bottom:34px}.details-section h4{font-size:15px;font-weight:700;margin-bottom:18px;color:#0f172a}.details-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:22px;margin-bottom:18px}.details-grid label,.details-block label{font-size:12px;font-weight:600;color:#475569;display:block;margin-bottom:4px}.details-grid p,.details-block p{font-size:14px;color:#020617;margin:0}.details-block{max-width:60%}.form-row{display:flex;gap:16px;flex-wrap:wrap}.form-row .half-width{flex:1}select.form-control{width:100%;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,0.2);color:#020617;font-size:14px;outline:none;transition:all 0.25s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}select.form-control:focus{border-color:#38bdf8;background:rgba(255,255,255,0.2);box-shadow:0 0 8px rgba(56,189,248,0.25)}select.form-control::after{content:"▼";position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:12px;color:rgba(0,0,0,0.5)}.form-field{position:relative;margin-bottom:16px}.enterprise-table th,.enterprise-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;padding:0.5rem 0.75rem}.enterprise-table th:nth-child(5),.enterprise-table td:nth-child(5){max-width:200px}.enterprise-table th:nth-child(4),.enterprise-table td:nth-child(4){max-width:150px}.enterprise-table th:nth-child(6),.enterprise-table td:nth-child(6){max-width:150px}.table-wrapper{overflow-x:auto}.table-btn{font-size:0.75rem;padding:0.25rem 0.5rem;margin-left:0.2rem}.weight-input{display:flex;gap:0.5rem}.weight-input input{flex:2}.weight-input select{flex:1}.enterprise-table td.truncate{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-group{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}.action-group a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;border-radius:6px;padding:7px 12px;transition:all 0.15s ease-in-out;white-space:nowrap}.btn-primary{background:#2563eb;color:#ffffff;border:1px solid #2563eb}.btn-primary:hover{background:#1e4fd8;border-color:#1e4fd8}.btn-secondary{background:#f8fafc;color:#1f2937;border:1px solid #e2e8f0}.btn-secondary:hover{background:#eef2f7}.btn-outline{background:#ffffff;color:#334155;border:1px solid #cbd5e1}.btn-outline:hover{background:#f8fafc}.action-group a:focus{outline:none;box-shadow:0 0 0 2px rgba(37,99,235,0.2)}.pagination-wrapper{display:flex;justify-content:center;margin-top:30px}.pagination{display:flex;gap:6px}.pagination a,.pagination span{padding:8px 14px;border-radius:8px;font-weight:600;text-decoration:none;border:1px solid #e5e7eb;color:#374151;background:#fff}.pagination a:hover{background:#f1f5f9}.pagination .current{background:#2563eb;color:#fff;border-color:#2563eb}.opening-balance-row{background:#f8fafc;border-top:2px solid #cbd5e1;border-bottom:2px solid #cbd5e1}.ledger-closing-row{background:#eef2ff;font-weight:700}.opening-balance-row{background:#f8fafc;font-weight:600}.badge{display:inline-block;padding:2px 6px;border-radius:6px;font-size:0.50rem;font-weight:600;text-align:center}.badge-success{background:#16a34a;color:#fff}.badge-warning{background:#facc15;color:#000}.badge-danger{background:#dc2626;color:#fff}.ledger-toolbar{display:flex;justify-content:flex-end;margin-top:15px;margin-bottom:20px}.ledger-export-form{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.6);backdrop-filter:blur(8px);padding:10px 14px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.export-field{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#555}.export-input{border-radius:8px;border:1px solid #ddd;padding:4px 8px;font-size:13px}.export-btn{padding:6px 14px;border-radius:8px;font-weight:600}.closing-balance{display:flex;justify-content:flex-end}.closing-balance .text-end{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;margin:0;padding:0;border:2px solid #ddd}.closing-balance .text-end strong{font-size:13px;font-weight:600;margin:0;padding:0}.auth-page{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top, #020617, #020617)}.auth-card{width:380px;background:rgba(255,255,255,0.08);backdrop-filter:blur(14px);border-radius:22px;padding:34px 30px;box-shadow:0 30px 80px rgba(0,0,0,0.45);color:var(--text-light)}.auth-header{text-align:center;margin-bottom:26px}.auth-logo{width:52px;height:52px;margin:0 auto 10px;border-radius:16px;background:linear-gradient(135deg, #38bdf8, #0284c7);color:#020617;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center}.auth-header h2{font-size:20px;font-weight:700;margin-bottom:4px}.auth-header p{font-size:12px;color:var(--muted)}.auth-form{margin-top:18px}.auth-field{margin-bottom:16px}.auth-field label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:var(--text-light)}.auth-field input{width:100%;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);color:var(--text-light);font-size:13px;outline:none}.auth-field input::placeholder{color:rgba(255,255,255,0.4)}.auth-field input:focus{border-color:var(--accent);background:rgba(255,255,255,0.12)}.auth-remember{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:18px}.auth-submit{width:100%;padding:11px;border-radius:12px;border:none;background:linear-gradient(135deg, #38bdf8, #0284c7);color:#020617;font-size:14px;font-weight:700;cursor:pointer;transition:all 0.25s ease}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(56,189,248,0.45)}.auth-links{margin-top:16px;text-align:center}.auth-links a{font-size:12px;color:var(--accent);text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-hint{display:block;font-size:11px;color:var(--muted);margin:4px 0 6px}.glass-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.2)}:root{--bg-dark: #0f172a;--bg-glass: rgba(255, 255, 255, 0.08);--accent: #38bdf8;--text-light: #e5e7eb;--muted: #9ca3af;--danger: #ef4444}.pos-navbar{background:linear-gradient(135deg, #020617, #0f172a);padding:14px 28px;box-shadow:0 8px 30px rgba(0,0,0,0.35);position:sticky;top:0;z-index:1000}.pos-navbar-inner{display:flex;align-items:center;justify-content:space-between;background:var(--bg-glass);backdrop-filter:blur(12px);border-radius:18px;padding:14px 22px}.pos-brand{display:flex;align-items:center;gap:14px}.pos-logo{width:44px;height:44px;background:radial-gradient(circle at top, #38bdf8, #0284c7);color:#020617;font-weight:800;font-size:22px;border-radius:14px;display:flex;align-items:center;justify-content:center}.pos-brand-text .title{font-size:16px;font-weight:700;color:var(--text-light);letter-spacing:0.3px}.pos-brand-text .subtitle{font-size:11px;color:var(--muted);margin-top:-2px}.pos-nav-links{display:flex;gap:26px}.nav-link{color:var(--text-light);text-decoration:none;font-size:14px;font-weight:500;position:relative;padding:6px 0;transition:all 0.25s ease}.nav-link::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--accent);transition:width 0.25s ease}.nav-link:hover{color:var(--accent)}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-link.disabled{opacity:0.35;pointer-events:none}.pos-user{display:flex;align-items:center;gap:18px}.user-info{text-align:right}.user-info .name{display:block;font-size:13px;color:var(--text-light);font-weight:600}.user-info .role{font-size:11px;color:var(--muted)}.logout-btn{background:transparent;border:1px solid rgba(239,68,68,0.4);color:var(--danger);padding:6px 14px;border-radius:10px;font-size:12px;font-weight:600;text-decoration:none;transition:all 0.25s ease}.logout-btn:hover{background:var(--danger);color:white}@media print{.no-print{display:none !important}}.pos-auth{display:flex;align-items:center;gap:14px}.auth-btn{padding:8px 18px;border-radius:12px;font-size:13px;font-weight:600;text-decoration:none;transition:all 0.25s ease;backdrop-filter:blur(10px)}.auth-btn.login{color:var(--text-light);border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.06)}.auth-btn.login:hover{background:rgba(255,255,255,0.18);transform:translateY(-1px)}.auth-btn.signup{background:linear-gradient(135deg, #38bdf8, #0284c7);color:#020617;box-shadow:0 8px 22px rgba(56,189,248,0.35)}.auth-btn.signup:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(56,189,248,0.5)}@media print{body{background:#fff !important}.no-print,.action-group,.pagination-wrapper{display:none !important}.company-page,.company-glass-card{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;box-shadow:none !important;border-radius:0 !important}.company-list-header{margin-bottom:12px}.closing-balance{margin-bottom:12px;font-size:13px}table{width:100% !important;border-collapse:collapse}th,td{padding:6px 8px !important;font-size:11px}th{background:#f5f5f5 !important;-webkit-print-color-adjust:exact}}.invoice-header{display:flex;justify-content:space-between;align-items:center}.invoice-header-actions{display:flex;align-items:center;gap:10px}.invoice-search-form{display:flex;align-items:center;gap:6px}.invoice-search-input{height:32px;padding:4px 10px;font-size:13px;border-radius:8px;border:1px solid #ddd;width:260px;min-width:260px}.invoice-search-btn{height:32px;width:34px;border-radius:8px;border:none;background:#f1f1f1;cursor:pointer;font-size:14px}.sort-link{color:inherit;text-decoration:none;font-weight:600}.sort-link:hover{text-decoration:underline}.sortable-column{color:#333;text-decoration:none;cursor:pointer;font-weight:500}.sortable-column:hover{color:#007bff}.wide-card{max-width:70%;margin:auto}.muted-text{color:#6b7280}.summary-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;background:rgba(255,255,255,0.65);border-radius:14px;padding:18px 22px;margin-top:20px}.summary-item span{display:block;font-size:13px;color:#6b7280}.summary-item strong{font-size:18px}.two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}.glass-sub-card{background:rgba(255,255,255,0.6);border-radius:14px;padding:18px 20px}.section-title{font-size:14px;margin-bottom:12px;color:#374151}.row-item{display:flex;justify-content:space-between;margin-bottom:10px}.badge-muted{background:#e5e7eb;color:#374151}.glass-list-row{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-radius:14px;background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(0,0,0,0.06);margin-bottom:14px;transition:transform 0.25s ease, box-shadow 0.25s ease}.glass-list-row:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,0.12)}.list-primary{display:flex;flex-direction:column;gap:6px}.list-primary strong{font-size:1.2rem;font-weight:600;letter-spacing:0.2px}.list-meta{font-size:0.85rem;color:#6b7280;display:flex;align-items:center}.list-meta .badge{font-size:0.7rem;padding:3px 8px;border-radius:999px}.row-actions{display:flex;gap:10px}.row-actions .btn-secondary{padding:6px 14px;font-size:0.85rem}.empty-state{text-align:center;padding:40px 0;color:#9ca3af;font-size:0.9rem}