:root{--pos-bg: #f5f7fb;--pos-surface: #ffffff;--pos-text: #1f2937;--pos-muted: #6b7280;--pos-primary: #2563eb;--pos-primary-600: #2563eb;--pos-primary-700: #1d4ed8;--pos-danger: #ef4444;--pos-success: #16a34a;--pos-warning: #f59e0b;--pos-border: #e5e7eb;--pos-radius: 10px;--pos-shadow: 0 4px 16px rgba(0,0,0,.06);--pos-font: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--pos-bg);color:var(--pos-text);font-family:var(--pos-font);line-height:1.4}body.login-page{background:linear-gradient(-45deg,#4178ff,#5a96ff,#3b82f6,#60a5fa,#4178ff,#5a96ff,#3b82f6,#60a5fa);background-size:600% 600%;animation:gradientAnimation 8s ease infinite,gradientRotation 12s linear infinite,gradientPulse 6s ease-in-out infinite;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}@keyframes gradientAnimation{0%{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}@keyframes gradientRotation{0%{background:linear-gradient(-45deg,#4178ff,#5a96ff,#3b82f6,#60a5fa,#4178ff,#5a96ff,#3b82f6,#60a5fa)}25%{background:linear-gradient(-90deg,#5a96ff,#3b82f6,#60a5fa,#4178ff,#5a96ff,#3b82f6,#60a5fa,#4178ff)}50%{background:linear-gradient(-135deg,#3b82f6,#60a5fa,#4178ff,#5a96ff,#3b82f6,#60a5fa,#4178ff,#5a96ff)}75%{background:linear-gradient(-180deg,#60a5fa,#4178ff,#5a96ff,#3b82f6,#60a5fa,#4178ff,#5a96ff,#3b82f6)}to{background:linear-gradient(-45deg,#4178ff,#5a96ff,#3b82f6,#60a5fa,#4178ff,#5a96ff,#3b82f6,#60a5fa)}}@keyframes gradientPulse{0%,to{background-size:600% 600%}50%{background-size:800% 800%}}.login-card{background:#fffffff2;padding:40px;border-radius:16px;box-shadow:0 8px 32px #0003;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);width:100%;max-width:450px;animation:cardFloat 6s ease-in-out infinite;animation:cardFloat 6s ease-in-out infinite,cardEntrance 1s ease-out;position:relative;z-index:10}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(.5deg)}50%{transform:translateY(-5px) rotate(0)}75%{transform:translateY(-15px) rotate(-.5deg)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.login-main-title{color:#1f2937;margin-bottom:16px;font-weight:800;font-size:28px;text-align:center;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGlow 3s ease-in-out infinite;letter-spacing:-.5px}@keyframes titleGlow{0%,to{background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}50%{background:linear-gradient(135deg,#1d4ed8,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.login-card h2{color:#1f2937;margin-bottom:24px;font-weight:700;font-size:24px;animation:textGlow 4s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 0 0px rgba(65,120,255,0)}50%{text-shadow:0 0 10px rgba(65,120,255,.3)}}.login-card .pos-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1)) drop-shadow(0 0 0px rgba(65,120,255,0))}50%{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1)) drop-shadow(0 0 20px rgba(65,120,255,.3))}}.login-card .pos-input{width:100%;padding:14px 18px;margin-bottom:20px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .4s cubic-bezier(.4,0,.2,1);background:#ffffffe6}.login-card .pos-input:focus{outline:none;border-color:#4178ff;box-shadow:0 0 0 4px #4178ff26,0 0 20px #4178ff1a;transform:translateY(-2px) scale(1.02);background:#fff}.login-card .pos-btn{background:linear-gradient(135deg,#4178ff,#5a96ff);color:#fff;padding:14px 28px;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;width:100%;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #4178ff4d;position:relative;overflow:hidden}.login-card .pos-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-card .pos-btn:hover:before{left:100%}.login-card .pos-btn:hover{background:linear-gradient(135deg,#5a96ff,#4178ff);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #4178ff66}.login-card .pos-btn:active{transform:translateY(-1px) scale(1.02)}body.login-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);animation:particles 20s linear infinite;pointer-events:none;z-index:1}@keyframes particles{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}a{color:var(--pos-primary);text-decoration:none}a:hover{color:var(--pos-primary-700)}.pos-container{max-width:1200px;margin:0 auto;padding:16px}.pos-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pos-title{font-size:22px;margin:0}.pos-subtle{color:var(--pos-muted);font-size:13px}.pos-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.pos-nav a{background:var(--pos-surface);border:1px solid var(--pos-border);padding:8px 12px;border-radius:8px;box-shadow:var(--pos-shadow)}.pos-nav a:hover{border-color:var(--pos-primary)}.pos-card{background:var(--pos-surface);border:1px solid var(--pos-border);border-radius:var(--pos-radius);box-shadow:var(--pos-shadow)}.pos-card.pad{padding:14px}.pos-card+.pos-card{margin-top:12px}.pos-row{display:grid;gap:16px}.pos-row.cols-2{grid-template-columns:2fr 1fr}.pos-row.cols-1{grid-template-columns:1fr}.pos-input,.pos-select,.pos-file,.pos-textarea{width:100%;padding:10px 12px;border:1px solid var(--pos-border);border-radius:8px;background:#fff;color:var(--pos-text)}.pos-input:focus,.pos-select:focus,.pos-textarea:focus{outline:none;border-color:var(--pos-primary);box-shadow:0 0 0 3px #2563eb26}.pos-btn{border:1px solid transparent;background:var(--pos-primary);color:#fff;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600;box-shadow:var(--pos-shadow)}.pos-btn:hover{background:var(--pos-primary-700)}.pos-btn.ghost{background:#fff;color:var(--pos-primary);border-color:var(--pos-primary)}.pos-btn.ghost:hover{background:#2563eb0f}.pos-btn.danger{background:var(--pos-danger)}.pos-btn.success{background:var(--pos-success)}.pos-btn.warning{background:var(--pos-warning);color:#1f2937}.pos-btn[disabled]{opacity:.6;cursor:not-allowed}.pos-table{width:100%;border-collapse:collapse;background:var(--pos-surface);border-radius:var(--pos-radius);overflow:hidden;border:1px solid var(--pos-border)}.pos-table th,.pos-table td{padding:10px 12px;border-bottom:1px solid var(--pos-border);font-size:14px}.pos-table th{text-align:left;background:#f9fafb;color:#111827}.pos-table tfoot td{font-weight:700}.pos-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef2ff;color:var(--pos-primary-700);font-size:12px}.pos-list{border:1px solid var(--pos-border);border-radius:var(--pos-radius);overflow:hidden;background:var(--pos-surface)}.pos-list-item{padding:12px;border-bottom:1px solid var(--pos-border);display:grid;gap:6px}.pos-list-item:hover{background:#f9fafb}.pos-divider{height:1px;background:var(--pos-border);margin:12px 0}.pos-alert{padding:12px;border-radius:8px;border:1px solid}.pos-alert.error{background:#fff2f0;border-color:#ffccc7;color:#a8071a}.pos-alert.success{background:#f6ffed;border-color:#b7eb8f;color:#237804}.pos-alert.info{background:#e6f7ff;border-color:#91d5ff;color:#09539d}@media print{.pos-print-root{width:80mm}.pos-hide-print{display:none!important}}.pos-feature-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pos-feature-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;border:1px solid var(--pos-border);border-radius:14px;background:var(--pos-surface);box-shadow:var(--pos-shadow);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;text-align:center}.pos-feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000014;border-color:var(--pos-primary)}.pos-feature-icon{width:44px;height:44px;border-radius:50%;background:#eef2ff;display:grid;place-items:center;color:var(--pos-primary-700);margin-bottom:10px}.pos-feature-title{font-weight:700;color:var(--pos-text)}.pos-logo{height:56px;width:auto;display:block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pos-footer{text-align:center;color:var(--pos-muted);font-size:12px;padding:8px 0}.pos-footer-fixed{position:fixed;left:0;right:0;bottom:0;background:var(--pos-bg);padding:8px 16px;border-top:1px solid var(--pos-border);z-index:1000}@media print{.pos-footer-fixed{display:none!important}}@media (max-width: 1024px){.pos-container{padding:12px}}.pos-container{padding-bottom:60px}@media (max-width: 900px){.pos-row.cols-2{grid-template-columns:1fr}}@media (max-width: 760px){.pos-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.pos-feature-grid{grid-template-columns:1fr 1fr}.pos-feature-card{height:120px}.pos-title{font-size:20px}}.pos-scroll-x{width:100%;overflow-x:auto}@media (max-width: 400px){.pos-header{flex-direction:column;align-items:flex-start;gap:6px}.pos-feature-grid{grid-template-columns:1fr}.pos-feature-card{height:110px}.pos-input,.pos-select,.pos-file,.pos-textarea{padding:8px 10px}.pos-btn{padding:8px 12px;font-size:14px}.pos-title{font-size:18px}.pos-logo{height:48px}.pos-card.pad{padding:12px}}@media (max-width: 360px){html,body{overflow-x:hidden}.pos-feature-grid{grid-template-columns:1fr}.pos-card.pad{padding:10px}.pos-table th,.pos-table td{padding:8px}.pos-footer{padding:6px 0}.pos-row.cols-2,.pos-form-grid{grid-template-columns:1fr!important}.pos-card .pos-subtle+div{flex-direction:column!important;gap:6px!important}.pos-card .pos-subtle+div>div{width:100%!important;justify-content:center!important}}.pos-actions{display:flex;gap:8px;flex-wrap:wrap}.pos-grow{flex:1 1 320px}@media (max-width: 480px){.pos-grow{flex-basis:100%}.pos-btn-block-sm{width:100%}}.pos-row>*{min-width:0}@media (max-width: 480px){html,body{overflow-x:hidden}}@media (max-width: 480px) and (min-width: 361px){.pos-container{padding:8px}.pos-card.pad{padding:10px}.pos-title{font-size:18px}.pos-feature-grid{grid-template-columns:1fr 1fr}.pos-feature-card{height:100px}.pos-input,.pos-select,.pos-file,.pos-textarea{padding:8px 10px;font-size:14px}.pos-btn{padding:8px 12px;font-size:14px}.pos-table th,.pos-table td{padding:8px 10px;font-size:13px}.pos-header{flex-direction:column;align-items:flex-start;gap:8px}.pos-nav{flex-direction:column}.pos-nav a{text-align:center}.pos-actions{flex-direction:column;gap:6px}.pos-actions .pos-input{order:1}.pos-actions .pos-btn{order:2}.pos-row.cols-2{grid-template-columns:1fr}.pos-scroll-x{margin:0 -8px}.pos-scroll-x .pos-table{min-width:600px}.pos-card .pos-subtle+div{flex-direction:column!important;gap:8px!important}.pos-card .pos-subtle+div>div{width:100%!important;justify-content:center!important}.pos-row.cols-2{grid-template-columns:1fr!important}.pos-form-grid{grid-template-columns:1fr!important;gap:8px!important}.pos-container>div{max-width:100%!important;overflow-x:hidden!important}}.pos-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:end}@media (max-width: 900px){.pos-form-grid{grid-template-columns:1fr}}.pos-show-sm{display:none}.pos-hide-sm{display:initial}@media (max-width: 520px){.pos-show-sm{display:block}.pos-hide-sm{display:none!important}}@media (max-width: 480px) and (min-width: 361px){.pos-show-sm{display:block}.pos-hide-sm{display:none!important}}.pos-mobile-card{border:1px solid var(--pos-border);border-radius:var(--pos-radius);background:var(--pos-surface);box-shadow:var(--pos-shadow);padding:12px;margin-bottom:12px}.pos-mobile-card+.pos-mobile-card{margin-top:0}.pos-mobile-card .row{display:grid;grid-template-columns:1fr 2fr;gap:8px;align-items:center;margin-bottom:8px}.pos-mobile-card .row:last-child{margin-bottom:0}@media (max-width: 480px){.pos-mobile-card{padding:12px;margin-bottom:12px;border-radius:8px}.pos-mobile-card .row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px;align-items:center}.pos-mobile-card .row:first-child,.pos-mobile-card .row:nth-child(2){grid-template-columns:1fr;margin-bottom:8px}.pos-mobile-card .row .pos-subtle{font-size:11px;font-weight:600;color:var(--pos-muted);margin-bottom:0;text-transform:uppercase;letter-spacing:.3px}.pos-mobile-card .row>div:last-child{font-size:13px;word-break:break-word;font-weight:500}.pos-mobile-card .row:first-child .pos-subtle{color:var(--pos-primary);font-weight:700;font-size:12px}.pos-mobile-card .row:first-child>div:last-child,.pos-mobile-card .row:nth-child(2)>div:last-child{font-weight:700;color:var(--pos-primary);font-size:14px}.pos-mobile-card .row>div:last-child strong{color:var(--pos-primary);font-size:13px}.pos-mobile-card .pos-btn{padding:4px 8px;font-size:11px;border-radius:4px}.pos-mobile-card .pos-btn.ghost{padding:2px 6px;font-size:10px}.pos-mobile-card .row:last-child{margin-top:8px;padding-top:8px;border-top:1px solid var(--pos-border)}.pos-actions{flex-direction:column;gap:8px;align-items:center}.pos-actions .pos-btn{width:100%;max-width:200px}.pos-header{flex-direction:column;align-items:flex-start;gap:8px}.pos-header h2{font-size:20px;margin:0}.pos-container{padding:12px}.pos-card.pad{padding:16px}}@media (max-width: 360px){.pos-mobile-card{padding:10px;margin-bottom:10px}.pos-mobile-card .row{margin-bottom:4px;gap:6px}.pos-mobile-card .row:first-child,.pos-mobile-card .row:nth-child(2){margin-bottom:6px}.pos-mobile-card .row .pos-subtle{font-size:10px}.pos-mobile-card .row>div:last-child{font-size:12px}.pos-mobile-card .row:first-child>div:last-child,.pos-mobile-card .row:nth-child(2)>div:last-child{font-size:13px}.pos-mobile-card .pos-btn{padding:3px 6px;font-size:10px}.pos-mobile-card .pos-btn.ghost{padding:2px 4px;font-size:9px}.pos-container{padding:8px}.pos-card.pad{padding:12px}.pos-header h2{font-size:18px}.pos-actions{flex-direction:column;gap:6px}.pos-actions .pos-btn{width:100%;max-width:150px;font-size:11px;padding:6px 8px}}@media (max-width: 768px){div[style*="position: fixed"][style*="inset: 0"]{padding:16px}div[style*="background: #fff"][style*="border-radius: 8"]{width:100%!important;max-width:100%!important;margin:0;padding:16px;border-radius:12px}div[style*="background: #fff"] h3{font-size:18px;margin-bottom:12px}div[style*="background: #fff"] .pos-input,div[style*="background: #fff"] .pos-textarea{padding:10px 12px;font-size:14px}div[style*="background: #fff"] .pos-actions{flex-direction:column;gap:8px}div[style*="background: #fff"] .pos-actions .pos-btn{width:100%;padding:10px 16px}}@media (max-width: 480px){div[style*="position: fixed"][style*="inset: 0"]{padding:8px}div[style*="background: #fff"][style*="border-radius: 8"]{padding:12px;border-radius:8px}div[style*="background: #fff"] h3{font-size:16px;margin-bottom:10px}div[style*="background: #fff"] .pos-subtle{font-size:12px;margin-bottom:4px}div[style*="background: #fff"] .pos-input,div[style*="background: #fff"] .pos-textarea{padding:8px 10px;font-size:13px}div[style*="background: #fff"] .pos-actions .pos-btn{padding:8px 12px;font-size:13px}}@media (max-width: 768px){.pos-show-sm{margin-top:16px}.pos-mobile-card .row:first-child .pos-subtle{font-size:13px;font-weight:700;color:var(--pos-primary);text-transform:uppercase;letter-spacing:.5px}.pos-mobile-card .row>div:last-child strong{color:var(--pos-primary);font-size:15px}.pos-mobile-card .row:last-child>div:last-child{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pos-mobile-card .row span[style*=color]{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.pos-card>div:last-child{flex-direction:column;gap:12px;text-align:center}.pos-card>div:last-child .pos-subtle{order:1;font-size:13px}.pos-card>div:last-child .pos-actions{order:2}}@media (max-width: 480px){.pos-mobile-card{position:relative}.pos-mobile-card .row:nth-child(3),.pos-mobile-card .row:nth-child(4),.pos-mobile-card .row:nth-child(5){background:#00000005;padding:4px 8px;margin:0 -12px 6px;border-radius:4px}.pos-mobile-card .row:nth-child(6),.pos-mobile-card .row:nth-child(7),.pos-mobile-card .row:nth-child(8){background:#2563eb0d;padding:4px 8px;margin:0 -12px 6px;border-radius:4px}.pos-mobile-card .row:nth-child(9),.pos-mobile-card .row:nth-child(10){background:#10a34a0d;padding:4px 8px;margin:0 -12px 6px;border-radius:4px}.pos-mobile-card .row:last-child{background:#00000008;padding:6px 8px;margin:8px -12px 0;border-radius:4px;border-top:1px solid var(--pos-border)}.pos-mobile-card .row .pos-subtle{font-size:10px;margin-bottom:0}.pos-mobile-card .row>div:last-child{font-size:12px}}.shelf-section{background:#00000008;padding:6px 8px;margin:8px -12px 0;border-radius:4px;border-top:1px solid var(--pos-border)}.shelf-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.shelf-item{display:flex;align-items:center;gap:4px;background:#fffc;padding:4px 8px;border-radius:6px;border:1px solid var(--pos-border);font-size:12px}.shelf-location{font-weight:600;color:var(--pos-primary)}.shelf-quantity{color:var(--pos-muted);font-size:11px}.shelf-edit-btn{padding:2px 4px!important;font-size:10px!important;min-width:auto!important;width:auto!important}@media (max-width: 360px){.shelf-list{flex-direction:column;align-items:stretch;gap:4px}.shelf-item{justify-content:space-between;padding:3px 6px;font-size:11px}.shelf-quantity{font-size:10px}.shelf-edit-btn{padding:1px 3px!important;font-size:9px!important}}@media (max-width: 768px){.pos-card .pos-scroll-x{display:none}.pos-show-sm{display:block!important}.pos-form-grid{grid-template-columns:1fr;gap:16px}.pos-form-grid>div{margin-bottom:0}.pos-form-grid .pos-subtle{margin-bottom:6px;font-weight:600;color:var(--pos-text)}}@media (max-width: 480px){.pos-mobile-card{padding:12px;margin-bottom:12px;border-radius:8px}.pos-mobile-card .row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px;align-items:center}.pos-mobile-card .row:first-child,.pos-mobile-card .row:nth-child(2){grid-template-columns:1fr;margin-bottom:8px}.pos-mobile-card .row .pos-subtle{font-size:11px;font-weight:600;color:var(--pos-muted);margin-bottom:0;text-transform:uppercase;letter-spacing:.3px}.pos-mobile-card .row>div:last-child{font-size:13px;word-break:break-word;font-weight:500}.pos-mobile-card .row:first-child .pos-subtle{color:var(--pos-primary);font-weight:700;font-size:12px}.pos-mobile-card .row:first-child>div:last-child,.pos-mobile-card .row:nth-child(2)>div:last-child{font-weight:700;color:var(--pos-primary);font-size:14px}.method-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.method-badge.get{background:#e6f7ff;color:#1890ff}.method-badge.post{background:#f6ffed;color:#52c41a}.method-badge.put{background:#fff7e6;color:#fa8c16}.method-badge.patch{background:#f9f0ff;color:#722ed1}.method-badge.delete{background:#fff2f0;color:#ff4d4f}.action-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;background:#f0f0f0;color:#666;text-transform:uppercase;letter-spacing:.3px}.status-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.status-200,.status-badge.status-201{background:#f6ffed;color:#52c41a}.status-badge.status-400,.status-badge.status-401,.status-badge.status-403,.status-badge.status-404,.status-badge.status-500{background:#fff2f0;color:#ff4d4f}.pos-mobile-card .pos-btn{padding:4px 8px;font-size:11px;border-radius:4px}.pos-mobile-card .pos-btn.ghost{padding:2px 6px;font-size:10px}.pos-header{flex-direction:column;align-items:flex-start;gap:8px}.pos-header h2{font-size:20px;margin:0}.pos-container{padding:12px}.pos-card.pad{padding:16px}}@media (max-width: 360px){.pos-mobile-card{padding:10px;margin-bottom:10px}.pos-mobile-card .row{margin-bottom:4px;gap:6px}.pos-mobile-card .row:first-child,.pos-mobile-card .row:nth-child(2){margin-bottom:6px}.pos-mobile-card .row .pos-subtle{font-size:10px}.pos-mobile-card .row>div:last-child{font-size:12px}.pos-mobile-card .row:first-child>div:last-child,.pos-mobile-card .row:nth-child(2)>div:last-child{font-size:13px}.method-badge,.action-badge,.status-badge{font-size:9px;padding:1px 4px}.pos-mobile-card .pos-btn{padding:3px 6px;font-size:10px}.pos-mobile-card .pos-btn.ghost{padding:2px 4px;font-size:9px}.pos-container{padding:8px}.pos-card.pad{padding:12px}.pos-header h2{font-size:18px}}.payload-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.payload-modal-content{background-color:#fff;padding:20px;border-radius:8px;max-width:90%;max-height:90%;overflow:auto;position:relative;width:100%}.payload-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.payload-modal-header h3{margin:0;font-size:18px}.payload-modal-body{background-color:#f8f9fa;padding:16px;border-radius:6px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:13px;max-height:500px;border:1px solid #e9ecef;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.4}@media (max-width: 768px){.payload-modal-overlay{padding:8px}.payload-modal-content{padding:16px;max-width:100%;max-height:95%}.payload-modal-header h3{font-size:16px}.payload-modal-body{font-size:12px;padding:12px;max-height:400px}}@media (max-width: 480px){.payload-modal-overlay{padding:4px}.payload-modal-content{padding:12px;border-radius:6px}.payload-modal-header{margin-bottom:12px}.payload-modal-header h3{font-size:14px}.payload-modal-body{font-size:11px;padding:10px;max-height:350px;line-height:1.3}}@media (max-width: 360px){.payload-modal-overlay{padding:2px}.payload-modal-content{padding:10px;border-radius:4px}.payload-modal-header h3{font-size:13px}.payload-modal-body{font-size:10px;padding:8px;max-height:300px;line-height:1.2}}@media (max-width: 768px){.login-card{padding:30px 25px;max-width:400px;margin:0 16px}.login-main-title{font-size:24px;margin-bottom:12px}.login-card h2{font-size:20px;margin-bottom:20px}.login-card .pos-logo{height:48px;margin-bottom:16px}.login-card .pos-input{padding:12px 16px;font-size:15px;margin-bottom:16px}.login-card .pos-btn{padding:12px 24px;font-size:15px}}@media (max-width: 480px){.login-card{padding:25px 20px;max-width:350px;margin:0 12px;border-radius:12px;animation:cardEntrance .8s ease-out}.login-main-title{font-size:22px;margin-bottom:10px;line-height:1.2}.login-card h2{font-size:18px;margin-bottom:18px}.login-card .pos-logo{height:44px;margin-bottom:14px}.login-card .pos-input{padding:11px 14px;font-size:14px;margin-bottom:14px;border-radius:10px}.login-card .pos-btn{padding:11px 20px;font-size:14px;border-radius:10px}body.login-page{animation:gradientAnimation 12s ease infinite}}@media (max-width: 360px){.login-card{padding:20px 16px;max-width:320px;margin:0 8px;animation:cardEntrance .6s ease-out}.login-main-title{font-size:20px;margin-bottom:8px;animation:none}.login-card h2{font-size:16px;margin-bottom:16px;animation:none}.login-card .pos-logo{height:40px;margin-bottom:12px;animation:none}.login-card .pos-input{padding:10px 12px;font-size:13px;margin-bottom:12px}.login-card .pos-btn{padding:10px 16px;font-size:13px}body.login-page{animation:gradientAnimation 15s ease infinite}}@media (max-width: 768px){.pos-container[style*="display: flex"]{padding:16px!important}}@media (max-width: 480px){.pos-container[style*="display: flex"]{padding:12px!important}}@media (max-width: 360px){.pos-container[style*="display: flex"]{padding:8px!important}}@media (max-width: 768px){.pos-footer.pos-footer-fixed[style*="background: rgba(255, 255, 255, 0.1)"]{font-size:11px;padding:6px 12px;line-height:1.3}}@media (max-width: 480px){.pos-footer.pos-footer-fixed[style*="background: rgba(255, 255, 255, 0.1)"]{font-size:10px;padding:5px 8px;line-height:1.2;text-align:center}}@media (max-width: 360px){.pos-footer.pos-footer-fixed[style*="background: rgba(255, 255, 255, 0.1)"]{font-size:9px;padding:4px 6px;line-height:1.1}}.pos-main-content{max-width:1400px;margin:0 auto;padding:0 16px}.pos-modern-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:8px;padding:12px 16px;color:#fff;box-shadow:0 8px 32px #1976d24d}.pos-header-left{display:flex;align-items:center;gap:16px}.pos-header-icon{font-size:32px;background:#fff3;padding:8px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pos-modern-title{font-size:20px;font-weight:600;margin:0;background:linear-gradient(135deg,#fff,#f0f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pos-modern-subtitle{font-size:12px;margin:2px 0 0;opacity:.9;font-weight:500}.pos-header-actions{display:flex;gap:12px}.pos-back-btn{display:flex;align-items:center;gap:4px;background:#fff3;color:#fff;padding:6px 12px;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.pos-back-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.pos-back-icon{font-size:14px}.pos-search-section{margin-bottom:20px}.pos-search-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb}.pos-search-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.pos-search-icon{font-size:20px;background:linear-gradient(135deg,#1976d2,#42a5f5);padding:6px;border-radius:6px;color:#fff}.pos-search-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.pos-search-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:end}.pos-search-item{display:flex;flex-direction:column;gap:4px}.pos-search-label{font-size:12px;font-weight:600;color:#374151;margin-bottom:2px}.pos-search-input-wrapper{position:relative}.pos-search-input{width:100%;padding:8px 12px 8px 36px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease;background:#f9fafb}.pos-search-input:focus{outline:none;border-color:#1976d2;background:#fff;box-shadow:0 0 0 4px #1976d21a}.pos-search-icon-inner{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:#9ca3af}.pos-search-select{width:100%;padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;transition:all .3s ease;cursor:pointer}.pos-search-select:focus{outline:none;border-color:#1976d2;background:#fff;box-shadow:0 0 0 4px #1976d21a}.pos-products-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;overflow:hidden}.pos-products-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.pos-products-title h2{margin:0;font-size:24px;font-weight:700;color:#1f2937}.pos-products-count{background:#1976d2;color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600;margin-left:12px}.pos-view-toggle{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:8px}.pos-view-btn{background:none;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:16px}.pos-view-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a}.pos-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#6b7280}.pos-loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.pos-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:#6b7280}.pos-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.pos-empty-state h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#374151}.pos-empty-state p{margin:0;font-size:16px}.pos-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;padding:24px}.pos-product-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.pos-product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#1976d2}.pos-product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#1976d2,#42a5f5)}.pos-product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pos-product-barcode{background:#f3f4f6;color:#374151;padding:6px 12px;border-radius:8px;font-family:Monaco,Menlo,monospace;font-size:12px;font-weight:600}.pos-product-type-badge{background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.pos-product-info{margin-bottom:20px}.pos-product-name{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 8px;line-height:1.4}.pos-product-meta{display:flex;gap:16px;font-size:14px;color:#6b7280}.pos-product-import{background:#f0f9ff;color:#0369a1;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.pos-product-pricing{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px}.pos-price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pos-price-row:last-child{margin-bottom:0}.pos-price-label{font-size:14px;color:#6b7280;font-weight:500}.pos-price-original{font-size:14px;color:#6b7280;text-decoration:line-through}.pos-price-promo{font-size:16px;color:#dc2626;font-weight:700}.pos-price-effective{background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff;padding:8px 12px;border-radius:8px;margin:0 -4px}.pos-price-effective .pos-price-label{color:#ffffffe6}.pos-price-value{font-size:18px;font-weight:800;color:#fff}.pos-product-promotion{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px;background:#f9fafb;border-radius:8px}.pos-promotion-status{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.pos-promotion-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.pos-promotion-time{font-size:12px;color:#6b7280}.pos-product-shelves{border-top:1px solid #e5e7eb;padding-top:16px}.pos-shelves-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pos-shelves-title{font-size:14px;font-weight:600;color:#374151}.pos-add-shelf-btn{background:#10b981;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.pos-add-shelf-btn:hover{background:#059669;transform:translateY(-1px)}.pos-no-shelves{text-align:center;color:#9ca3af;font-size:14px;font-style:italic;padding:20px;background:#f9fafb;border-radius:8px}.pos-shelves-list{display:flex;flex-direction:column;gap:8px}.pos-shelf-item{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb}.pos-shelf-location{font-weight:600;color:#374151;font-size:14px}.pos-shelf-quantity{color:#6b7280;font-size:14px;font-weight:500}.pos-shelf-edit-btn{background:#f3f4f6;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.pos-shelf-edit-btn:hover{background:#e5e7eb}.pos-pagination{display:flex;justify-content:space-between;align-items:center;padding:24px;border-top:1px solid #e5e7eb;background:#f8fafc}.pos-pagination-info{display:flex;flex-direction:column;gap:4px}.pos-pagination-text{font-size:14px;color:#374151;font-weight:500}.pos-pagination-filter{font-size:12px;color:#6b7280}.pos-pagination-controls{display:flex;align-items:center;gap:16px}.pos-pagination-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.pos-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#1976d2;color:#1976d2}.pos-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pos-pagination-pages{display:flex;align-items:center;gap:8px;font-weight:600}.pos-pagination-current{color:#1976d2;font-size:16px}.pos-pagination-separator{color:#9ca3af}.pos-pagination-total{color:#6b7280}@media (max-width: 1200px){.pos-products-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}}@media (max-width: 768px){.pos-main-content{padding:0 12px}.pos-modern-header{flex-direction:column;gap:20px;text-align:center;padding:24px}.pos-modern-title{font-size:24px}.pos-search-grid{grid-template-columns:1fr;gap:16px}.pos-products-grid{grid-template-columns:1fr;gap:16px;padding:16px}.pos-pagination{flex-direction:column;gap:16px;text-align:center}}@media (max-width: 480px){.pos-modern-header{padding:20px}.pos-header-icon{font-size:36px;padding:12px}.pos-modern-title{font-size:20px}.pos-modern-subtitle{font-size:14px}.pos-search-card{padding:16px}.pos-products-grid{padding:12px}.pos-product-card{padding:16px}.pos-product-name{font-size:16px}.pos-price-effective{padding:6px 8px}.pos-price-value{font-size:16px}}.pos-dashboard-container{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:0;margin:0}.pos-dashboard-main{max-width:1400px;margin:0 auto;padding:24px}.pos-dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:10px 14px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pos-dashboard-header-left{display:flex;align-items:center}.pos-dashboard-logo{display:flex;align-items:center;gap:12px}.pos-dashboard-logo-img{height:40px;width:auto}.pos-dashboard-title-section{display:flex;flex-direction:column;gap:4px}.pos-dashboard-title{font-size:18px;font-weight:600;margin:0;background:linear-gradient(135deg,#1976d2,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pos-dashboard-subtitle{font-size:12px;color:#6b7280;margin:0;font-weight:500}.pos-dashboard-header-right{display:flex;align-items:center}.pos-user-info{display:flex;align-items:center;gap:10px;background:#f8fafc;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0}.pos-user-details{display:flex;flex-direction:column;gap:2px}.pos-user-name{font-size:13px;font-weight:600;color:#1f2937}.pos-user-code{font-size:11px;color:#6b7280;font-family:Monaco,Menlo,monospace}.pos-user-role{font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.pos-user-role.admin{background:#fef3c7;color:#d97706}.pos-logout-btn{background:#ef4444;color:#fff;border:none;padding:6px 10px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:12px}.pos-logout-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.pos-dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.pos-stat-card{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.pos-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.pos-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#1976d2,#42a5f5)}.pos-stat-icon{font-size:24px;background:linear-gradient(135deg,#1976d2,#42a5f5);padding:8px;border-radius:8px;color:#fff;box-shadow:0 2px 8px #1976d24d}.pos-stat-content{flex:1}.pos-stat-value{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:2px}.pos-stat-label{font-size:12px;color:#6b7280;font-weight:500}.pos-dashboard-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb}.pos-dashboard-section-header{text-align:center;margin-bottom:24px}.pos-dashboard-section-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 6px}.pos-dashboard-section-subtitle{font-size:14px;color:#6b7280;margin:0}.pos-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.pos-dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:8px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000a}.pos-dashboard-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#1976d2;text-decoration:none;color:inherit}.pos-dashboard-card.primary{border-color:#1976d2;background:linear-gradient(135deg,#f8fafc,#e3f2fd)}.pos-dashboard-card.primary:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.pos-dashboard-card.admin-only{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.pos-dashboard-card.admin-only:hover{background:linear-gradient(135deg,#fef3c7,#fde68a)}.pos-dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#1976d2,#42a5f5);opacity:0;transition:opacity .3s ease}.pos-dashboard-card:hover:before{opacity:1}.pos-dashboard-card.admin-only:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.pos-dashboard-card-icon{font-size:24px;background:#f3f4f6;padding:10px;border-radius:8px;transition:all .3s ease;flex-shrink:0}.pos-dashboard-card:hover .pos-dashboard-card-icon{background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff;transform:scale(1.1)}.pos-dashboard-card.primary .pos-dashboard-card-icon{background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff}.pos-dashboard-card.admin-only .pos-dashboard-card-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.pos-dashboard-card-content{flex:1}.pos-dashboard-card-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 2px}.pos-dashboard-card-desc{font-size:12px;color:#6b7280;margin:0}.pos-dashboard-card-arrow{font-size:16px;color:#9ca3af;transition:all .3s ease;flex-shrink:0}.pos-dashboard-card:hover .pos-dashboard-card-arrow{color:#1976d2;transform:translate(4px)}.pos-dashboard-card-badge{position:absolute;top:12px;right:12px;background:#f59e0b;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1200px){.pos-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.pos-dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}}@media (max-width: 768px){.pos-dashboard-main{padding:16px}.pos-dashboard-header{flex-direction:row;gap:12px;text-align:left;padding:12px 16px;align-items:center}.pos-dashboard-logo{flex-direction:row;gap:8px;align-items:center}.pos-dashboard-logo-img{height:32px}.pos-dashboard-title{font-size:16px;line-height:1.2}.pos-dashboard-subtitle{font-size:11px;line-height:1.2}.pos-user-info{flex-direction:row;gap:8px;text-align:left;padding:6px 8px;align-items:center}.pos-user-name{font-size:12px}.pos-user-code{font-size:10px}.pos-logout-btn{padding:4px 8px;font-size:11px}.pos-dashboard-grid,.pos-dashboard-stats{grid-template-columns:repeat(2,1fr);gap:12px}.pos-dashboard-section{padding:20px}.pos-dashboard-card{padding:12px;flex-direction:column;text-align:center;gap:8px}.pos-dashboard-card-icon{font-size:20px;padding:8px}.pos-dashboard-card-title{font-size:15px}.pos-dashboard-card-desc{font-size:12px}}@media (min-width: 1200px){.pos-products-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media (min-width: 769px){.pos-products-table{display:table}.pos-products-grid{display:none}.pos-products-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;padding:20px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.pos-products-table thead{background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff;position:sticky;top:0;z-index:10}.pos-products-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:14px;border:none;white-space:nowrap;position:sticky;top:0;background:linear-gradient(135deg,#1976d2,#42a5f5);z-index:10}.pos-products-table td{padding:16px 12px;border-bottom:1px solid #e2e8f0;font-size:14px;vertical-align:middle;white-space:nowrap}.pos-products-table tbody tr:hover{background:#f8fafc}.pos-products-table tbody tr:last-child td{border-bottom:none}.pos-products-section{overflow-x:auto;max-height:60vh;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.pos-products-table{width:100%;min-width:1200px}}@media (max-width: 768px){.pos-products-table{display:none!important}.pos-products-grid{display:grid}}.pos-product-table-barcode{font-family:Monaco,Menlo,monospace;font-size:13px;color:#6b7280}.pos-product-table-type{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.pos-product-table-type.product{background:#dbeafe;color:#1e40af}.pos-product-table-type.service{background:#dcfce7;color:#166534}.pos-product-table-pricing{text-align:right}.pos-product-table-price{font-weight:600;color:#1976d2}.pos-product-table-promo{font-size:12px;color:#059669;margin-top:2px}.pos-product-table-actions{display:flex;gap:8px;justify-content:flex-end}.pos-stock-status{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.pos-stock-status.in-stock{background:#dcfce7;color:#166534}.pos-stock-status.out-of-stock{background:#fee2e2;color:#dc2626}.pos-product-stock{display:flex;justify-content:space-between;align-items:center;margin:12px 0;padding:8px 0;border-top:1px solid #e2e8f0}.pos-stock-info{display:flex;align-items:center;gap:8px}.pos-stock-label{font-size:13px;color:#6b7280;font-weight:500}.pos-stock-quantity{font-size:14px;font-weight:600;color:#1f2937}.pos-stock-status-mobile{display:flex;justify-content:flex-end}.pos-product-table-edit-btn{padding:6px 12px;background:#1976d2;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.pos-product-table-edit-btn:hover{background:#1565c0;transform:translateY(-1px)}.pos-product-table-delete-btn{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.pos-product-table-delete-btn:hover{background:#dc2626;transform:translateY(-1px)}.pos-shelf-table-item{display:flex;align-items:center;gap:8px}.pos-shelf-location{font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:600;color:#1f2937}.pos-shelf-edit-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#1976d2;color:#fff;border:none;border-radius:50%;font-size:12px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.pos-shelf-edit-icon:hover{background:#1565c0;transform:scale(1.1)}.pos-shelf-quantity{font-weight:600;color:#1f2937;text-align:center}@media (max-width: 480px){.pos-dashboard-main{padding:12px}.pos-dashboard-header{padding:10px 12px;gap:8px}.pos-dashboard-logo{gap:6px}.pos-dashboard-logo-img{height:28px}.pos-dashboard-title{font-size:14px}.pos-dashboard-subtitle{font-size:10px}.pos-user-info{gap:6px;padding:4px 6px}.pos-user-name{font-size:11px}.pos-user-code{font-size:9px}.pos-logout-btn{padding:3px 6px;font-size:10px}.pos-dashboard-stats,.pos-dashboard-grid{grid-template-columns:repeat(2,1fr);gap:10px}.pos-dashboard-section{padding:16px}.pos-dashboard-card{padding:10px;flex-direction:column;text-align:center;gap:8px}.pos-dashboard-card-icon{font-size:24px;padding:10px}.pos-dashboard-card-title{font-size:16px}.pos-dashboard-card-desc{font-size:13px}.pos-stat-card{padding:20px;flex-direction:column;text-align:center;gap:12px}.pos-stat-icon{font-size:28px;padding:10px}.pos-stat-value{font-size:20px}.pos-stat-label{font-size:13px}}.pos-checkout-container{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:20px}.pos-checkout-main{max-width:1400px;margin:0 auto}.pos-checkout-header{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pos-checkout-header-left{display:flex;align-items:center;gap:16px}.pos-back-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;text-decoration:none;font-weight:500;transition:all .3s ease}.pos-back-btn:hover{background:#e2e8f0;color:#475569;transform:translateY(-1px)}.pos-back-icon{font-size:16px;font-weight:700}.pos-checkout-title-section{display:flex;flex-direction:column;gap:4px}.pos-checkout-title{font-size:20px;font-weight:700;margin:0;background:linear-gradient(135deg,#1976d2,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pos-checkout-subtitle{font-size:13px;color:#6b7280;margin:0;font-weight:500}.pos-checkout-header-right{display:flex;align-items:center}.pos-checkout-stats{display:flex;gap:16px}.pos-checkout-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.pos-checkout-stat-value{font-size:18px;font-weight:700;color:#1976d2}.pos-checkout-stat-label{font-size:12px;color:#6b7280;font-weight:500}.pos-checkout-layout{display:grid;grid-template-columns:1fr 400px;gap:20px}.pos-checkout-left,.pos-checkout-right{display:flex;flex-direction:column;gap:20px}.pos-checkout-scanner{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pos-checkout-scanner-card{padding:20px}.pos-checkout-scanner-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pos-checkout-scanner-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:8px;color:#fff}.pos-checkout-scanner-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.pos-checkout-scanner-input{display:flex;gap:12px;margin-bottom:12px}.pos-checkout-barcode-input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease;background:#f8fafc}.pos-checkout-barcode-input:focus{outline:none;border-color:#1976d2;background:#fff;box-shadow:0 0 0 3px #1976d21a}.pos-checkout-add-btn{display:flex;align-items:center;gap:6px;padding:12px 16px;background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.pos-checkout-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1976d24d}.pos-checkout-scanner-actions{display:flex;justify-content:flex-end}.pos-checkout-clear-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:13px}.pos-checkout-clear-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.pos-checkout-clear-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.pos-checkout-error{background:#fef2f2;color:#dc2626;padding:8px 12px;border-radius:6px;border:1px solid #fecaca;font-size:13px;font-weight:500;margin-top:8px}.pos-checkout-cart{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pos-checkout-cart-card{padding:20px}.pos-checkout-cart-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pos-checkout-cart-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:8px;color:#fff}.pos-checkout-cart-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.pos-checkout-cart-content{min-height:200px}.pos-checkout-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:#6b7280}.pos-checkout-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.pos-checkout-empty p{margin:0 0 8px;font-size:16px;font-weight:500}.pos-checkout-empty span{font-size:14px;opacity:.8}.pos-checkout-items{display:flex;flex-direction:column;gap:12px}.pos-checkout-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .3s ease}.pos-checkout-item:hover{background:#f1f5f9;border-color:#cbd5e1}.pos-checkout-item-info{flex:1;min-width:0}.pos-checkout-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.pos-checkout-item-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.4;flex:1;margin-right:8px}.pos-checkout-item-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;flex-shrink:0}.pos-checkout-item-remove:hover{background:#dc2626;transform:scale(1.1)}.pos-checkout-item-barcode{font-size:12px;color:#6b7280;font-family:Monaco,Menlo,monospace;margin-bottom:4px}.pos-checkout-item-stock{font-size:12px;color:#059669;font-weight:500}.pos-checkout-item-price-info{margin-top:4px;display:flex;flex-direction:column;gap:2px}.pos-checkout-item-original-price{font-size:11px;color:#6b7280}.pos-checkout-item-original-price span{font-weight:600;color:#374151}.pos-checkout-item-promo-percent{font-size:11px;color:#059669}.pos-checkout-item-pricing{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:120px}.pos-checkout-item-price{font-size:14px;font-weight:600;color:#1976d2}.pos-checkout-qty-input{width:60px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;text-align:center;font-size:13px;background:#fff}.pos-checkout-qty-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.pos-checkout-item-total{font-size:14px;font-weight:700;color:#1f2937}.pos-checkout-cart-footer{border-top:1px solid #e2e8f0;padding-top:16px;margin-top:16px}.pos-checkout-total{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:8px;color:#fff}.pos-checkout-total-label{font-size:16px;font-weight:600}.pos-checkout-total-value{font-size:18px;font-weight:700}.pos-checkout-customer{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pos-checkout-customer-card{padding:20px}.pos-checkout-customer-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pos-checkout-customer-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:8px;color:#fff}.pos-checkout-customer-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.pos-checkout-customer-form{display:flex;flex-direction:column;gap:16px}.pos-checkout-input-group{display:flex;flex-direction:column;gap:6px}.pos-checkout-label{font-size:13px;font-weight:600;color:#374151}.pos-checkout-promo{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pos-checkout-promo-card{padding:20px}.pos-checkout-promo-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pos-checkout-promo-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#059669,#10b981);border-radius:8px;color:#fff}.pos-checkout-promo-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.pos-checkout-promo-form{display:flex;flex-direction:column;gap:16px}.pos-checkout-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .3s ease;background:#f8fafc;box-sizing:border-box}.pos-checkout-input:focus{outline:none;border-color:#1976d2;background:#fff;box-shadow:0 0 0 3px #1976d21a}.pos-checkout-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:all .3s ease;cursor:pointer;box-sizing:border-box}.pos-checkout-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.pos-checkout-payment-method{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.pos-checkout-printer{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pos-checkout-printer-card{padding:20px}.pos-checkout-printer-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pos-checkout-printer-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:8px;color:#fff}.pos-checkout-printer-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.pos-checkout-printer-settings{display:flex;flex-direction:column;gap:12px}.pos-checkout-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .3s ease}.pos-checkout-checkbox:hover{background:#f1f5f9;border-color:#cbd5e1}.pos-checkout-checkbox input{display:none}.pos-checkout-checkbox-mark{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;margin-top:2px}.pos-checkout-checkbox input:checked+.pos-checkout-checkbox-mark{background:#1976d2;border-color:#1976d2}.pos-checkout-checkbox input:checked+.pos-checkout-checkbox-mark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.pos-checkout-checkbox-content{display:flex;flex-direction:column;gap:4px;flex:1}.pos-checkout-checkbox-title{font-size:14px;font-weight:600;color:#1f2937}.pos-checkout-checkbox-desc{font-size:12px;color:#6b7280;line-height:1.4}.pos-checkout-payment{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pos-checkout-payment-card{padding:20px}.pos-checkout-payment-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pos-checkout-payment-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:8px;color:#fff}.pos-checkout-payment-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.pos-checkout-payment-content{display:flex;flex-direction:column;gap:16px}.pos-checkout-payment-summary{background:#f8fafc;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.pos-checkout-payment-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.pos-checkout-payment-total{font-weight:700;color:#1f2937;border-top:1px solid #d1d5db;margin-top:8px;padding-top:12px}.pos-checkout-pay-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.pos-checkout-pay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0596694d}.pos-checkout-pay-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.pos-checkout-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.pos-checkout-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pos-checkout-modal{background:#fff;border-radius:12px;width:min(92vw,900px);max-height:92vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pos-checkout-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.pos-checkout-modal-title{display:flex;align-items:center;gap:12px}.pos-checkout-modal-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:8px;color:#fff}.pos-checkout-modal-title h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.pos-checkout-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.pos-checkout-modal-close:hover{background:#dc2626;transform:scale(1.1)}.pos-checkout-modal-content{display:flex;max-height:calc(92vh - 80px)}.pos-checkout-modal-preview{flex:1;padding:20px;overflow:auto}.pos-checkout-modal-controls{width:300px;padding:20px;border-left:1px solid #e2e8f0;background:#f8fafc}.pos-checkout-modal-settings{display:flex;flex-direction:column;gap:16px}.pos-checkout-modal-settings-header{display:flex;align-items:center;gap:8px}.pos-checkout-modal-settings-icon{font-size:20px}.pos-checkout-modal-settings-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.pos-checkout-modal-actions{display:flex;flex-direction:column;gap:12px}.pos-checkout-modal-print-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.pos-checkout-modal-print-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1976d24d}.pos-checkout-modal-cancel-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#6b7280;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.pos-checkout-modal-cancel-btn:hover{background:#4b5563;transform:translateY(-1px)}@media (max-width: 1200px){.pos-checkout-layout{grid-template-columns:1fr 350px;gap:16px}}@media (max-width: 768px){.pos-checkout-container{padding:16px}.pos-checkout-layout{grid-template-columns:1fr;gap:16px}.pos-checkout-header{flex-direction:column;gap:12px;align-items:flex-start}.pos-checkout-stats{gap:12px}.pos-checkout-stat{padding:8px 12px}.pos-checkout-stat-value{font-size:16px}.pos-checkout-scanner-card,.pos-checkout-cart-card,.pos-checkout-customer-card,.pos-checkout-promo-card,.pos-checkout-printer-card,.pos-checkout-payment-card{padding:16px}.pos-checkout-scanner-input{flex-direction:column;gap:8px}.pos-checkout-add-btn{width:100%;justify-content:center}.pos-checkout-item{flex-direction:column;gap:12px}.pos-checkout-item-pricing{align-items:flex-start;min-width:auto}.pos-checkout-modal{width:95vw;margin:20px}.pos-checkout-modal-content{flex-direction:column}.pos-checkout-modal-controls{width:100%;border-left:none;border-top:1px solid #e2e8f0}}.pos-checkout-change-calculator{margin-top:16px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.pos-checkout-change-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.pos-checkout-change-icon{font-size:16px}.pos-checkout-change-header h4{margin:0;font-size:14px;font-weight:600;color:#374151}.pos-checkout-change-content{display:flex;flex-direction:column;gap:12px}.pos-checkout-change-input{display:flex;flex-direction:column;gap:4px}.pos-checkout-change-input label{font-size:12px;font-weight:500;color:#6b7280}.pos-checkout-change-input input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.pos-checkout-change-input input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pos-checkout-change-result{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:6px}.pos-checkout-change-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.pos-checkout-change-row span:first-child{color:#6b7280;font-weight:500}.pos-checkout-change-row span:last-child{font-weight:600}.pos-checkout-change-total{color:#1f2937}.pos-checkout-change-received{color:#2563eb}.pos-checkout-change-amount{border-top:1px solid #e2e8f0;padding-top:6px;margin-top:6px;font-weight:600}.pos-checkout-change-amount span:first-child{color:#374151;font-size:14px}.pos-checkout-change-value{font-size:14px}.pos-checkout-change-value.positive{color:#059669}.pos-checkout-change-value.zero{color:#6b7280}@media (max-width: 480px){.pos-checkout-container{padding:12px}.pos-checkout-header{padding:12px 16px}.pos-checkout-title{font-size:18px}.pos-checkout-stats{flex-direction:column;gap:8px;width:100%}.pos-checkout-stat{flex-direction:row;justify-content:space-between;padding:8px 12px}.pos-checkout-scanner-card,.pos-checkout-cart-card,.pos-checkout-customer-card,.pos-checkout-promo-card,.pos-checkout-printer-card,.pos-checkout-payment-card,.pos-checkout-item{padding:12px}.pos-checkout-modal{width:100vw;height:100vh;border-radius:0;margin:0}}.loading-page{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:9999}.loading-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1976d2,#42a5f5,#90caf9);overflow:hidden}.loading-shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,#ffffff1a,#ffffff4d);animation:float 6s ease-in-out infinite}.shape-1{width:300px;height:300px;top:-150px;left:-150px;animation-delay:0s;background:linear-gradient(45deg,#ffffff26,#ffffff0d)}.shape-2{width:200px;height:200px;top:20%;right:-100px;animation-delay:1s;background:linear-gradient(45deg,#ffffff1a,#ffffff40)}.shape-3{width:150px;height:150px;bottom:10%;left:10%;animation-delay:2s;background:linear-gradient(45deg,#fff3,#ffffff0d)}.shape-4{width:250px;height:250px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:3s;background:linear-gradient(45deg,#ffffff14,#fff3)}.shape-5{width:180px;height:180px;bottom:-90px;right:20%;animation-delay:4s;background:linear-gradient(45deg,#ffffff1f,#ffffff14)}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.loading-content{position:relative;z-index:10;text-align:center;color:#fff;max-width:500px;padding:0 20px}.loading-logo{margin-bottom:40px;animation:logoPulse 2s ease-in-out infinite}.logo-icon{width:80px;height:80px;margin:0 auto 20px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.logo-icon svg{width:40px;height:40px;color:#fff}.loading-title{font-size:48px;font-weight:800;margin:0;background:linear-gradient(135deg,#fff,#e3f2fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.1);letter-spacing:2px}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading-message{margin-bottom:50px;animation:fadeInUp 1s ease-out .5s both}.welcome-text{font-size:28px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitle-text{font-size:16px;margin:0;opacity:.9;font-weight:400;letter-spacing:.5px}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeInUp 1s ease-out 1s both}.spinner-circle{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-dots{display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite both}.dot-1{animation-delay:0s}.dot-2{animation-delay:.2s}.dot-3{animation-delay:.4s}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.loading-title{font-size:36px}.welcome-text{font-size:24px}.subtitle-text{font-size:14px}.logo-icon{width:60px;height:60px}.logo-icon svg{width:30px;height:30px}.spinner-circle{width:50px;height:50px}}@media (max-width: 480px){.loading-title{font-size:28px}.welcome-text{font-size:20px}.subtitle-text{font-size:13px}.loading-content{padding:0 15px}}