:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary-blue: #8e44ad;--dark-blue: #6c3483;--light-blue: #a569bd;--accent-blue: #5b2c6f;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--text-light: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-dark: #2c3e50;--border-color: #e1e8ed;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);color:var(--text-primary);background-color:var(--bg-secondary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-secondary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}h1{font-size:2.5em;line-height:1.2}h2{font-size:2em;line-height:1.3}a{font-weight:500;color:var(--primary-blue);text-decoration:none;transition:color .3s ease}a:hover{color:var(--dark-blue)}button{border-radius:8px;border:none;padding:.75em 1.5em;font-size:1em;font-weight:500;font-family:inherit;background:var(--primary-blue);color:var(--text-light);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow)}button:hover{background:var(--dark-blue);transform:translateY(-2px);box-shadow:var(--shadow-hover)}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:var(--bg-primary);color:var(--primary-blue);border:2px solid var(--primary-blue)}button.secondary:hover{background:var(--primary-blue);color:var(--text-light)}button.danger{background:#e74c3c}button.danger:hover{background:#c0392b}input,textarea,select{width:100%;padding:.75em;border:2px solid var(--border-color);border-radius:6px;font-size:1em;font-family:inherit;transition:border-color .3s ease;background:var(--bg-primary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-blue)}.gradient-text{color:var(--primary-blue);font-weight:700}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-blue);padding:20px}.login-card{background:var(--bg-primary);border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:40px;width:100%;max-width:420px;animation:slideIn .3s ease-out}.login-header{text-align:center;margin-bottom:30px}.login-header h1{font-size:2.5em;margin-bottom:10px}.login-header p{color:var(--text-secondary);font-size:1em}.login-form{display:flex;flex-direction:column;gap:20px}.error-message{background:#fee;border:1px solid #fcc;color:#c00;padding:12px;border-radius:6px;font-size:.9em;text-align:center}.login-button{margin-top:10px;padding:14px;font-size:1.1em;font-weight:600}.login-button:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;text-align:center;margin:10px 0;color:var(--text-secondary)}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider span{padding:0 15px;font-size:.85em;font-weight:500}.google-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#fff;color:#3c4043;border:1px solid #dadce0;padding:12px 24px;font-size:1em;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000001f}.google-button:hover{background:#f8f9fa;border-color:#d2d4d6;box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.google-button:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0}.login-footer{text-align:center;margin-top:20px}.toggle-mode{background:none;border:none;color:var(--primary-blue);font-size:.9em;text-decoration:underline;cursor:pointer;padding:8px;box-shadow:none;font-weight:500}.toggle-mode:hover{color:var(--dark-blue);transform:none;box-shadow:none}.dashboard-container{display:flex;min-height:100vh;background:var(--bg-secondary)}.sidebar{width:260px;background:var(--primary-blue);color:var(--text-light);display:flex;flex-direction:column;box-shadow:2px 0 8px #0000001a;position:fixed;height:100vh;left:0;top:0}.sidebar-header{padding:30px 20px;border-bottom:1px solid rgba(255,255,255,.2)}.sidebar-header h2{font-size:1.8em;margin-bottom:8px;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.admin-name{font-size:.95em;color:#fff;font-weight:500;opacity:.95}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:15px 20px;color:#fff;text-decoration:none;transition:all .3s ease;border-left:4px solid transparent;gap:12px;font-weight:500;font-size:1.05em}.nav-item:hover{background:#ffffff26;border-left-color:#fff;font-weight:600}.nav-item.active{background:#ffffff40;border-left-color:#fff;font-weight:700;box-shadow:inset 0 0 10px #0000001a}.nav-icon{font-size:1.6em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.nav-label{font-size:1em;letter-spacing:.3px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.2)}.logout-button{width:100%;background:#ffffff40;border:2px solid rgba(255,255,255,.4);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;font-weight:700;font-size:1.05em;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.logout-button:hover{background:#ffffff59;border-color:#fff9;transform:translateY(-2px)}.main-content{flex:1;margin-left:260px;padding:30px;min-height:100vh}@media(max-width:768px){.sidebar{width:80px}.nav-label,.admin-name,.sidebar-header h2{display:none}.sidebar-header{padding:20px 10px;text-align:center}.nav-item{justify-content:center;padding:15px 10px}.main-content{margin-left:80px}}.item-master{max-width:1400px}.items-grid{background:var(--bg-primary);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.items-table{width:100%;border-collapse:collapse}.items-table thead{background:var(--primary-blue);color:var(--text-light)}.items-table th{padding:15px;text-align:left;font-weight:600}.items-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.items-table tbody tr:hover{background-color:var(--bg-secondary)}.items-table td{padding:15px}.item-name{font-weight:600;color:var(--text-primary)}.item-price{font-weight:600;color:var(--primary-blue)}.item-description{color:var(--text-secondary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-form{padding:30px;display:flex;flex-direction:column;gap:20px}@media(max-width:768px){.items-table{font-size:.9em}.items-table th,.items-table td{padding:10px}.item-description{max-width:150px}.actions{flex-direction:column;gap:5px}.edit-btn,.delete-btn{width:100%}}.orders-container{max-width:1600px}.filter-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px}.orders-grid{background:var(--bg-primary);border-radius:12px;padding:20px;box-shadow:var(--shadow);overflow:hidden}.orders-table{width:100%;border-collapse:collapse;min-width:1000px}.orders-table thead{background:var(--primary-blue);color:var(--text-light);position:sticky;top:0;z-index:10}.orders-table th{padding:15px;text-align:left;font-weight:600;white-space:nowrap}.orders-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.orders-table tbody tr:hover{background-color:var(--bg-secondary)}.orders-table td{padding:15px}.order-items{color:var(--text-secondary);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-amount{font-weight:600;color:var(--primary-blue)}.status-badge{padding:6px 12px;border-radius:20px;font-size:.85em;font-weight:600;text-transform:uppercase;white-space:nowrap}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.in-progress{background:#cfe2ff;color:#084298}.status-badge.delivered{background:#d1e7dd;color:#0f5132}.status-badge.cancelled{background:#f8d7da;color:#842029}.modal-content{background:var(--bg-primary);border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;animation:slideIn .3s ease-out}.order-form{padding:30px;display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group input,.form-group textarea,.form-group select{padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:1em;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-blue)}@media(max-width:768px){.orders-table{font-size:.9em}.form-row{grid-template-columns:1fr}.actions{flex-direction:column;gap:5px}.edit-btn,.delete-btn{width:100%}}.customers-container{max-width:1400px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{font-size:2em}.header-actions{display:flex;gap:10px;align-items:center}.export-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:.9em;font-weight:500}.excel-btn{background:#28a745;color:#fff}.excel-btn:hover{background:#218838}.pdf-btn{background:#dc3545;color:#fff}.pdf-btn:hover{background:#c82333}.add-button{display:flex;align-items:center;gap:8px}.filter-panel{background:var(--bg-primary);padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:var(--shadow);display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.filter-group label{font-weight:600;color:var(--text-primary);font-size:.9em}.search-input,.sort-select{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:1em;font-family:inherit;transition:border-color .3s ease}.search-input{min-width:300px}.search-input:focus,.sort-select:focus{outline:none;border-color:var(--primary-blue)}.clear-filters-btn{background:#6c757d;color:#fff;padding:10px 16px;font-size:.9em;height:fit-content}.clear-filters-btn:hover{background:#5a6268}.customers-grid{background:var(--bg-primary);border-radius:12px;padding:20px;box-shadow:var(--shadow);overflow:hidden}.table-container{max-height:600px;overflow-y:auto;overflow-x:auto;position:relative}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.customers-table{width:100%;border-collapse:collapse}.customers-table thead{background:var(--primary-blue);color:var(--text-light);position:sticky;top:0;z-index:10}.customers-table th{padding:15px;text-align:left;font-weight:600}.customers-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.customers-table tbody tr:hover{background-color:var(--bg-secondary)}.customers-table td{padding:15px}.customer-name{font-weight:600;color:var(--text-primary)}.customer-email{color:var(--primary-blue)}.customer-phone{color:var(--text-secondary)}.customer-address{color:var(--text-secondary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{display:flex;gap:10px}.edit-btn,.delete-btn{padding:8px 16px;font-size:.9em}.edit-btn{background:var(--primary-blue)}.edit-btn:hover{background:var(--dark-blue)}.delete-btn{background:#e74c3c}.delete-btn:hover{background:#c0392b}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-primary);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;animation:slideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.5em;margin:0}.close-btn{background:none;border:none;font-size:1.5em;color:var(--text-secondary);cursor:pointer;padding:5px 10px;box-shadow:none}.close-btn:hover{color:var(--text-primary);transform:none}.customer-form{padding:30px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--text-primary);font-size:.9em}.form-group input,.form-group textarea{padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:1em;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue)}.form-group textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px;padding:20px 0;border-top:1px solid var(--border-color)}.pagination-btn{padding:8px 16px;font-size:.9em;min-width:80px}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--bg-secondary)}.pagination-info{font-weight:600;color:var(--text-primary);padding:0 15px;font-size:.95em}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.customers-table{font-size:.9em}.customers-table th,.customers-table td{padding:10px}.customer-address{max-width:150px}.actions{flex-direction:column;gap:5px}.edit-btn,.delete-btn{width:100%}}