:root{--color-primary: hsl(210, 100%, 45%);--color-primary-dark: hsl(210, 100%, 35%);--color-success: hsl(142, 71%, 45%);--color-warning: hsl(38, 92%, 50%);--color-error: hsl(0, 84%, 60%);--color-bg: hsl(220, 20%, 97%);--color-surface: hsl(0, 0%, 100%);--color-border: hsl(220, 13%, 91%);--color-text: hsl(220, 13%, 18%);--color-text-secondary: hsl(220, 9%, 46%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius: 8px;--spacing: 1rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing);background:linear-gradient(135deg,#0080ff,#0059b3)}.login-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:2rem}.login-header{text-align:center;margin-bottom:2rem}.logo{font-size:3rem;margin-bottom:.5rem}.login-header h1{font-size:1.5rem;margin-bottom:.25rem;color:var(--color-text)}.login-header p{color:var(--color-text-secondary);font-size:.875rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:var(--color-text)}.form-group input,.form-group textarea,.form-group select,.filter-select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9375rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0073e61a}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg)}.btn-block{width:100%}.error-message{color:var(--color-error);font-size:.875rem;margin-top:.5rem;display:none}.error-message.show{display:block}.admin-dashboard{min-height:100vh;display:flex;flex-direction:column}.admin-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1rem 2rem;box-shadow:var(--shadow-sm)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.header-left{display:flex;align-items:center;gap:1rem}.logo-small{font-size:1.5rem}.admin-header h1{font-size:1.25rem;font-weight:600}.admin-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 2rem;display:flex;gap:2rem;max-width:1400px;margin:0 auto;width:100%}.nav-tab{background:none;border:none;padding:1rem 0;font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.nav-tab:hover{color:var(--color-text)}.nav-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{display:none;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.tab-content.active{display:block}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.content-header h2{font-size:1.5rem;font-weight:600}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;transition:all .2s}.product-card:hover{box-shadow:var(--shadow-md)}.product-image{width:100%;height:200px;object-fit:cover;border-radius:var(--radius);margin-bottom:1rem;background:var(--color-bg)}.product-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.product-name{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.product-featured{background:var(--color-warning);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.product-description{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:1rem;line-height:1.5}.product-details{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.product-detail{font-size:.875rem}.product-detail-label{color:var(--color-text-secondary);display:block}.product-detail-value{font-weight:600;color:var(--color-text)}.product-actions{display:flex;gap:.5rem}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#eb1414}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.order-id{font-weight:600;font-family:monospace;font-size:.875rem}.order-status{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-pending{background:#fdecce;color:#935f06}.status-processing{background:#cce6ff;color:#004d99}.status-shipped{background:#d3f8e1;color:#16833e}.status-delivered{background:#bef4d2;color:#126d34}.status-cancelled{background:#fbd0d0;color:#bc1010}.order-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.order-info-item{font-size:.875rem}.order-info-label{color:var(--color-text-secondary);display:block;margin-bottom:.25rem}.order-info-value{font-weight:500}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;align-items:center;justify-content:center;padding:1rem}.modal.show{display:flex}.modal-content{background:var(--color-surface);border-radius:var(--radius);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:var(--color-bg)}.product-form{padding:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding-top:1.75rem}.checkbox-label input[type=checkbox]{width:auto}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}.loading{text-align:center;padding:3rem;color:var(--color-text-secondary)}.filter-group{display:flex;gap:1rem}.filter-select{width:auto;min-width:200px}@media(max-width:768px){.admin-header,.admin-nav,.tab-content{padding-left:1rem;padding-right:1rem}.products-grid,.form-row,.order-info{grid-template-columns:1fr}}