@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--font-body: "Open Sans", sans-serif;--font-heading: "Lora", serif;--sidebar-w: 240px;--sidebar-bg: #111111;--color-dark: #000000;--color-text: #717171;--color-mid: #a7a9af;--color-border: #e5e5e5;--color-light: #f5f5f5;--color-bg: #f9f9f9}body{font-family:var(--font-body);font-weight:300;font-size:14px;line-height:1.6;color:var(--color-text);background:var(--color-bg)}a{color:inherit;text-decoration:none;transition:color .2s}img{max-width:100%;display:block}ul{list-style:none}button{cursor:pointer;font-family:var(--font-body)}input,textarea,select{font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;color:var(--color-dark);text-transform:uppercase;letter-spacing:2px;line-height:1.3}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-brand{padding:30px 24px;font-family:var(--font-heading);font-size:20px;font-weight:400;font-style:italic;color:#fff;letter-spacing:1px;border-bottom:1px solid #222}.sidebar-nav{flex:1;padding:8px 0 20px;overflow-y:auto}.sidebar-nav a{display:flex;align-items:center;padding:10px 16px 10px 32px;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#a0a0a8;transition:color .2s,background .2s;border-left:2px solid transparent}.sidebar-nav a:hover{color:#d4d4d8;background:#ffffff0a}.sidebar-nav a.active{color:#fff;background:#ffffff12;border-left-color:#fff}.nav-section{display:block;padding:20px 24px 6px;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#555;cursor:default;pointer-events:none;border-top:1px solid #1f1f1f;margin-top:8px}.nav-section:first-child{border-top:none;margin-top:0}.sidebar-footer{padding:20px 24px;font-size:11px;color:#444;border-top:1px solid #1f1f1f}.admin-main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column}.admin-topbar{background:#fff;border-bottom:1px solid var(--color-border);padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.topbar-title{font-family:var(--font-heading);font-size:16px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--color-dark)}.topbar-user{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--color-mid)}.admin-content{padding:40px 32px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.stat-card{background:#fff;padding:28px 24px;border:1px solid var(--color-border)}.stat-card-label{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--color-mid);margin-bottom:12px}.stat-card-value{font-family:var(--font-heading);font-size:32px;font-weight:400;color:var(--color-dark)}.stat-card-sub{font-size:12px;color:var(--color-mid);margin-top:6px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-header h1{font-size:20px;letter-spacing:3px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border:none;cursor:pointer;transition:background .2s,color .2s}.btn-dark{background:var(--color-dark);color:#fff}.btn-dark:hover{background:#333;color:#fff}.btn-outline{background:transparent;color:var(--color-dark);border:1px solid var(--color-dark)}.btn-outline:hover{background:var(--color-dark);color:#fff}.btn-danger{background:#c0392b;color:#fff}.btn-danger:hover{background:#a93226;color:#fff}.btn-sm{padding:6px 14px;font-size:10px}.data-table-wrap{background:#fff;border:1px solid var(--color-border);overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead th{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-mid);padding:14px 20px;text-align:left;border-bottom:1px solid var(--color-border);background:#fafafa;white-space:nowrap}.data-table tbody td{padding:14px 20px;font-size:13px;border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#fafafa}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);gap:12px;flex-wrap:wrap;background:#fafafa}.search-input{border:none;border-bottom:1px solid var(--color-dark);padding:6px 0;font-size:13px;font-weight:300;width:220px;outline:none;background:transparent}.search-input::placeholder{color:var(--color-mid)}.status-badge{display:inline-block;padding:3px 10px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.status-badge.pending{background:#fff8e1;color:#f57c00}.status-badge.confirmed{background:#e3f2fd;color:#1565c0}.status-badge.shipped{background:#e8f5e9;color:#2e7d32}.status-badge.delivered{background:#f3e5f5;color:#6a1b9a}.status-badge.cancelled{background:#fce4ec;color:#b71c1c}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#fce4ec;color:#b71c1c}.admin-form{max-width:600px}.form-field{margin-bottom:22px}.form-field label{display:block;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-text);margin-bottom:8px}.form-field input,.form-field textarea,.form-field select{display:block;width:100%;border:none;border-bottom:1px solid var(--color-border);padding:10px 0;font-size:14px;font-weight:300;color:var(--color-dark);background:transparent;outline:none;transition:border-color .2s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-bottom-color:var(--color-dark)}.form-field textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-error{background:#fdf0ed;color:#c0392b;font-size:12px;padding:10px 14px;margin-bottom:16px}.form-actions{display:flex;gap:12px;margin-top:32px}.product-thumb{display:flex;align-items:center;gap:12px}.product-thumb img{width:48px;height:60px;object-fit:cover;background:var(--color-light)}.product-thumb-name{font-family:var(--font-heading);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-dark)}.admin-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--color-border)}.admin-pagination button{background:none;border:1px solid var(--color-border);padding:6px 14px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--color-mid);transition:all .2s}.admin-pagination button:hover:not(:disabled){border-color:var(--color-dark);color:var(--color-dark)}.admin-pagination button:disabled{opacity:.3;cursor:not-allowed}.admin-pagination button.active{background:var(--color-dark);color:#fff;border-color:var(--color-dark)}.admin-pagination span{font-size:12px;color:var(--color-mid)}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.admin-login-box{width:100%;max-width:380px;background:#fff;border:1px solid var(--color-border);padding:48px 40px;text-align:center}.admin-login-box h1{font-size:18px;letter-spacing:4px;margin-bottom:8px}.admin-login-box p{font-size:12px;color:var(--color-mid);margin-bottom:36px;letter-spacing:1px}.admin-login-box .form-field label{text-align:left}.admin-login-box .btn{width:100%;margin-top:10px;justify-content:center}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:40px}.eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#888;display:flex;align-items:center}.eye-btn:hover{color:#fff}.empty-state{text-align:center;padding:60px 20px;color:var(--color-mid);font-size:12px;letter-spacing:2px;text-transform:uppercase}.loading{text-align:center;padding:40px;color:var(--color-mid);font-size:12px;letter-spacing:2px;text-transform:uppercase}.actions-col{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.action-btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 12px;border:1px solid var(--color-border);background:#fff;color:var(--color-dark);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transition:all .2s}.action-btn-sm:hover{border-color:var(--color-dark);background:var(--color-dark);color:#fff}.action-btn-sm.danger{border-color:#c0392b;color:#c0392b}.action-btn-sm.danger:hover{background:#c0392b;color:#fff}.action-btn-sm:disabled{opacity:.5;cursor:not-allowed}.save-msg{font-size:13px;color:#155724;background:#d4edda;padding:10px 12px;border:1px solid #c3e6cb}.error-msg{font-size:13px;color:#721c24;background:#f8d7da;padding:10px 12px;border:1px solid #f5c6cb}.badge-active,.badge-blocked{display:inline-flex;align-items:center;padding:4px 10px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.badge-active{background:#e8f5e9;color:#2e7d32}.badge-blocked{background:#fce4ec;color:#b71c1c}.text-right{text-align:right}.text-center{text-align:center}.monospace{font-family:monospace;font-size:13px}.hamburger-btn{display:none;background:none;border:none;color:var(--color-dark);font-size:20px;line-height:1;padding:4px 8px;margin-right:12px;cursor:pointer}.topbar-left{display:flex;align-items:center}.sidebar-backdrop{position:fixed;inset:0;background:#00000073;z-index:150}@media(max-width:900px){.admin-sidebar{transform:translate(-100%);transition:transform .28s ease;z-index:200}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.hamburger-btn{display:block}.admin-content{padding:24px 16px}.admin-topbar{padding:0 16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.form-row{grid-template-columns:1fr;gap:0}.table-toolbar{flex-direction:column;align-items:flex-start}.search-input{width:100%}.admin-login-box{max-width:100%;margin:16px;padding:32px 24px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.data-table thead th:nth-child(n+4),.data-table tbody td:nth-child(n+4){display:none}.admin-content{padding:16px 12px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}}