body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:var(--bg-grad)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,#root{height:100%}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--bg-grad);padding:20px}.login-card{background:linear-gradient(180deg,#ffffff05,#ffffff03);padding:36px;border-radius:12px;box-shadow:0 12px 30px #020617b3;width:100%;max-width:420px}.login-card h1{color:var(--text-primary);font-size:24px;margin-bottom:10px;text-align:center}.login-card h2{color:var(--accent-2);font-size:26px;margin-bottom:24px;text-align:center}.form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500}.form-group input{width:100%;padding:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;border-radius:8px;font-size:16px;transition:border-color .3s,box-shadow .2s;box-sizing:border-box;color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 6px 18px #06b6d40f}.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff}.forgot-password{text-align:right;margin-bottom:20px;margin-top:-10px}.forgot-password a{color:var(--accent-2);text-decoration:none;font-size:14px;transition:color .3s}.forgot-password a:hover{color:#5568d3;text-decoration:underline}.signup-link{text-align:center;margin-top:20px;color:#666;font-size:14px}.signup-link a{color:var(--accent-2);text-decoration:none;font-weight:600;transition:color .3s}.signup-link a:hover{color:#5568d3;text-decoration:underline}@media(max-width:480px){.login-card{padding:30px 20px}.login-card h1{font-size:20px}.login-card h2{font-size:24px}}.signup-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.signup-card{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 25px #0003;width:100%;max-width:450px}.signup-card h1{color:#333;font-size:24px;margin-bottom:10px;text-align:center}.signup-card h2{color:#667eea;font-size:28px;margin-bottom:30px;text-align:center}.required{color:#e74c3c}.field-error{display:block;color:#e74c3c;font-size:14px;margin-top:5px}.btn{width:100%;padding:12px;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.login-link{text-align:center;margin-top:20px;color:#666;font-size:14px}.login-link a{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s}.login-link a:hover{color:#5568d3;text-decoration:underline}@media(max-width:480px){.signup-card{padding:30px 20px}.signup-card h1{font-size:20px}.signup-card h2{font-size:24px}}.forgot-password-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.forgot-password-card{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px}.forgot-password-card h1{color:#333;font-size:24px;margin-bottom:10px;text-align:center}.forgot-password-card h2{color:#667eea;font-size:28px;margin-bottom:20px;text-align:center}.instruction{text-align:center;color:#666;font-size:14px;margin-bottom:30px;line-height:1.6}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn{width:100%;padding:12px;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;display:block;text-align:center;text-decoration:none}.back-to-login{text-align:center;margin-top:20px}.back-to-login a{color:#667eea;text-decoration:none;font-size:14px;transition:color .3s}.back-to-login a:hover{color:#5568d3;text-decoration:underline}.success-icon{width:80px;height:80px;background:#2ecc71;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;margin:0 auto 20px}.success-message{text-align:center;color:#333;font-size:16px;margin-bottom:20px}.success-message strong{color:#667eea}@media(max-width:480px){.forgot-password-card{padding:30px 20px}.forgot-password-card h1{font-size:20px}.forgot-password-card h2{font-size:24px}}.sidebar{width:250px;height:100vh;background:linear-gradient(180deg,#0c2838f2,#091a26f2);color:var(--text-primary);position:fixed;left:0;top:0;overflow-y:auto;z-index:100}.sidebar-header{padding:20px;background:transparent;border-bottom:1px solid rgba(255,255,255,.04)}.sidebar-header h2{margin:0;font-size:20px;font-weight:600}.sidebar-user{padding:20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #455a64}.user-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;text-transform:uppercase}.user-info{flex:1}.user-name{font-weight:600;margin-bottom:5px}.user-status{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:5px}.status-dot{width:8px;height:8px;background:#2ecc71;border-radius:50%;display:inline-block}.sidebar-nav{padding:20px 0}.nav-item{display:flex;align-items:center;gap:15px;padding:12px 20px;color:var(--muted);text-decoration:none;transition:all .3s;border-left:3px solid transparent}.nav-item:hover{background:#7c3aed0f;color:var(--text-primary)}.nav-item.active{background:linear-gradient(90deg,#06b6d40f,#7c3aed0f);color:var(--text-primary);border-left-color:var(--accent)}.nav-item .icon{font-size:20px}@media(max-width:768px){.sidebar{width:70px}.sidebar-header h2,.user-info,.nav-item span{display:none}.sidebar-user,.nav-item{justify-content:center;padding:15px}}.stats-card{background:var(--card-bg);border-radius:10px;padding:25px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 18px #06162299;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.stats-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.stats-card-blue:before{background:var(--accent)}.stats-card-green:before{background:#06b6a4}.stats-card-orange:before{background:var(--accent-3)}.stats-card-red:before{background:#ff6b6b}.stats-card-purple:before{background:var(--accent-2)}.stats-card-pink:before{background:#ff7ab6}.stats-content{flex:1}.stats-number{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:5px}.stats-title{font-size:16px;color:var(--muted);font-weight:500}.stats-icon{font-size:60px;opacity:.16}@media(max-width:768px){.stats-card{padding:20px}.stats-number{font-size:28px}.stats-title{font-size:14px}.stats-icon{font-size:40px}}.inventory-list{overflow-x:auto}.inventory-table{width:100%;border-collapse:collapse}.inventory-table thead{background-color:#ffffff05}.inventory-table th{padding:15px;text-align:left;font-weight:600;color:var(--muted);font-size:14px;border-bottom:2px solid rgba(255,255,255,.04)}.inventory-table tbody tr{border-bottom:1px solid rgba(255,255,255,.02);transition:background-color .2s,transform .12s}.inventory-table tbody tr:hover{background-color:#7c3aed08}.inventory-table td{padding:15px}.quantity{display:inline-block;padding:5px 10px;border-radius:5px;background-color:#06b6d41f;color:var(--accent);font-weight:600}.quantity.low-stock{background-color:#fb718514;color:#ff6b6b}.action-buttons{display:flex;gap:10px}.btn-action{padding:8px 15px;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-edit{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff}.btn-edit:hover{background-color:#2980b9}.btn-delete{background:linear-gradient(90deg,#ff6b6b,#fb7185);color:#fff}.btn-delete:hover{background-color:#c0392b}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state p{margin:10px 0;font-size:18px}@media(max-width:768px){.inventory-table{font-size:14px}.inventory-table th,.inventory-table td{padding:10px 8px}.action-buttons{flex-direction:column;gap:5px}.btn-action{padding:6px 10px;font-size:12px}}@media(max-width:600px){.inventory-table thead{display:none}.inventory-table tbody tr{display:block;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;padding:10px}.inventory-table td{display:block;text-align:right;padding:8px;border-bottom:1px solid #eee}.inventory-table td:last-child{border-bottom:none}.inventory-table td:before{content:attr(data-label);float:left;font-weight:600;color:#667eea}.action-buttons{flex-direction:row;justify-content:flex-end}}.dashboard-layout{display:flex;min-height:100vh;background:transparent}.dashboard-content{flex:1;margin-left:250px;display:flex;flex-direction:column}.top-header{background:#ffffff05;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 18px #02061799;position:sticky;top:0;z-index:50}.top-header h1{margin:0;font-size:28px;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:20px}.user-name{font-size:16px;color:var(--text-primary);font-weight:500}.btn-logout-small{padding:8px 20px;background:linear-gradient(90deg,var(--accent-3),#ff6b6b);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:opacity .2s,transform .12s}.btn-logout-small:hover{opacity:.95;transform:translateY(-1px)}.main-content{padding:30px;flex:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.products-section{background:var(--card-bg);border-radius:10px;padding:25px;box-shadow:0 10px 24px #02061799}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.03)}.section-header h2{margin:0;color:var(--muted);font-size:20px;font-weight:600}.btn-add{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:opacity .2s,transform .12s}.btn-add:hover{transform:translateY(-2px)}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.show-entries label,.search-box label{font-size:14px;color:var(--muted)}.show-entries select,.search-box input{margin:0 5px;padding:8px 12px;border:1px solid rgba(255,255,255,.04);border-radius:6px;font-size:14px;background:#ffffff03;color:var(--text-primary)}.search-box input{width:250px}.search-box input:focus,.show-entries select:focus{outline:none;border-color:var(--accent)}.error-message{background-color:#fb718514;color:#ffb3bb;padding:12px;border-radius:8px;margin-bottom:20px;border-left:4px solid rgba(251,113,133,.3)}.loading{text-align:center;padding:40px;color:var(--muted);font-size:18px}@media(max-width:768px){.dashboard-content{margin-left:70px}.top-header{padding:15px 20px}.top-header h1{font-size:22px}.header-right{gap:10px}.user-name{display:none}.main-content{padding:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.products-section{padding:15px}.section-header,.table-controls{flex-direction:column;gap:15px;align-items:stretch}.search-box input{width:100%}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.item-form-container{padding:40px 30px;flex:1}.item-form-card{max-width:700px;margin:0 auto;background:#fff;padding:40px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.item-form-card h1{color:#333;font-size:28px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.required{color:#f44336}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:16px;font-family:inherit;transition:border-color .3s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-error{display:block;color:#f44336;font-size:14px;margin-top:5px}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:5px;margin-bottom:20px;border-left:4px solid #c33}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.btn{padding:12px 30px;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background-color:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background-color:#5568d3}.btn-secondary{background-color:#e0e0e0;color:#333}.btn-secondary:hover:not(:disabled){background-color:#d0d0d0}.btn:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;padding:40px;color:#666;font-size:18px}@media(max-width:768px){.item-form-card{padding:30px 20px}.item-form-card h1{font-size:24px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:var(--bg-grad)}#root{min-height:100vh}:root{--bg-grad: linear-gradient(135deg, #071226 0%, #071a2a 100%);--card-bg: rgba(255, 255, 255, .03);--card-elev: rgba(6, 182, 212, .06);--text-primary: #e6f3f7;--muted: #9bb0bf;--accent: #06b6d4;--accent-2: #7c3aed;--accent-3: #fb7185}