.admin-layout{min-height:100vh;background-color:#f8f9fa}.login-page{min-height:100vh;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#2a2a2a);padding:var(--space-xl);position:relative}.btn-back-login,.login-page{display:flex;align-items:center}.btn-back-login{gap:.5rem;padding:.5rem 1rem;border:none;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:hsla(0,0%,100%,.7);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-semibold);transition:all .2s ease-out;border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.15)}.btn-back-login:hover{background:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.9);border-color:hsla(0,0%,100%,.3);transform:translateX(-4px)}.btn-back-login .material-icons-outlined{font-size:20px}.login-card{background:var(--color-white);border-radius:var(--radius-lg);padding:3rem;width:100%;max-width:420px;box-shadow:var(--shadow-xl)}.login-logo{text-align:center;margin-bottom:2rem}.login-logo img{height:48px;margin:0 auto 1rem}.login-logo h1{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-black);letter-spacing:var(--ls-wide)}.login-logo p{font-size:var(--fs-sm);color:var(--color-gray);margin-top:.25rem}.login-form{gap:1.25rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-dark-gray);text-transform:uppercase;letter-spacing:var(--ls-wider)}.form-group input{padding:.875rem 1rem;border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);font-size:var(--fs-base);outline:none;transition:border-color var(--transition-fast)}.form-group input:focus{border-color:var(--color-black)}.login-btn{padding:1rem;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wider);cursor:pointer;transition:all var(--transition-base);margin-top:.5rem}.login-btn:hover{background:var(--color-charcoal);transform:translateY(-1px);box-shadow:var(--shadow-md)}.dashboard-page{display:flex;min-height:100vh}.admin-sidebar{width:260px;background:var(--color-black);color:var(--color-white);padding:2rem 0;flex-shrink:0;position:fixed;top:0;bottom:0;overflow-y:auto}.sidebar-brand{padding:0 1.5rem 2rem;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:1.5rem}.sidebar-brand h2{font-size:var(--fs-base);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase}.sidebar-brand span{font-size:var(--fs-xs);color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:var(--ls-wider)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:hsla(0,0%,100%,.6);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:all var(--transition-fast);text-decoration:none}.sidebar-link.active,.sidebar-link:hover{background:hsla(0,0%,100%,.08);color:var(--color-white)}.sidebar-link .material-icons-outlined{font-size:20px}.dashboard-main{margin-left:260px;flex:1 1;padding:2rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.dashboard-header h1{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--color-black)}.dashboard-header p{font-size:var(--fs-sm);color:var(--color-gray);margin-top:.25rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--color-white);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:22px}.stat-card .stat-icon.blue{background:#e8f0fe;color:#1152d4}.stat-card .stat-icon.green{background:#e6f4ea;color:#137333}.stat-card .stat-icon.orange{background:#fef7e0;color:#b06000}.stat-card .stat-icon.purple{background:#f3e8fd;color:#7627bb}.stat-card .stat-value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--color-black)}.stat-card .stat-label{font-size:var(--fs-sm);color:var(--color-gray);margin-top:.25rem}.admin-table-wrap{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.admin-table-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-light-gray)}.admin-table-header h2{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--color-black)}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:1rem 1.5rem;text-align:left;font-size:var(--fs-sm)}.admin-table th{background:var(--color-cream);font-weight:var(--fw-semibold);color:var(--color-dark-gray);text-transform:uppercase;letter-spacing:var(--ls-wider);font-size:var(--fs-xs)}.admin-table td{border-bottom:1px solid var(--color-light-gray);color:var(--color-charcoal)}.admin-table tr:hover td{background:var(--color-cream)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide)}.status-badge.completed{background:#e6f4ea;color:#137333}.status-badge.processing{background:#e8f0fe;color:#1152d4}.status-badge.pending{background:#fef7e0;color:#b06000}.status-badge.paid{background:#e8f0fe;color:#1152d4}.status-badge.shipped{background:#e0f7fa;color:#006064}.status-badge.cancelled{background:#fce8e6;color:#c5221f}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:0 1.5rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:1rem}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.15);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.sidebar-user-name{font-size:.8125rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.6875rem;color:hsla(0,0%,100%,.5);text-transform:capitalize}.sidebar-signout{width:100%;background:none;border:none;cursor:pointer;text-align:left}.admin-loading{min-height:100vh;justify-content:center;color:#999;letter-spacing:.08em;text-transform:uppercase}.admin-banner,.admin-loading{display:flex;align-items:center;font-size:.875rem}.admin-banner{padding:.875rem 1.25rem;border-radius:8px;font-weight:500;margin-bottom:1.25rem;gap:.5rem}.admin-banner-error{background:#fce8e6;color:#c5221f;border:1px solid #f5c6c3}.admin-banner-success{background:#e6f4ea;color:#137333;border:1px solid #b7dfbf}.login-error{color:#c5221f;font-size:.875rem;background:#fce8e6;padding:.5rem .75rem;border-radius:6px}.admin-table-empty{padding:3rem 1.5rem;text-align:center;color:#aaa;font-size:.875rem}.table-actions{display:flex;gap:.375rem}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;transition:background .15s;font-size:.875rem}.action-btn-edit{background:#e8f0fe;color:#1152d4}.action-btn-edit:hover{background:#c6d9fc}.action-btn-delete{background:#fce8e6;color:#c5221f}.action-btn-delete:hover{background:#f5c6c3}.filter-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem;flex-wrap:wrap}.filter-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:6px;font-size:.8125rem;font-weight:500;color:#666;background:#fff;border:1px solid #e5e5e5;cursor:pointer;transition:all .15s}.filter-tab:hover{border-color:#999;color:#333}.filter-tab.active{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.filter-count{background:rgba(0,0,0,.1);color:inherit;border-radius:100px;font-size:.6875rem;font-weight:700;padding:1px 6px;min-width:18px;text-align:center}.filter-tab.active .filter-count{background:hsla(0,0%,100%,.2)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:#fff;border-radius:12px;width:100%;max-width:960px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px rgba(0,0,0,.2);animation:modalIn .2s cubic-bezier(.4,0,.2,1)}.modal-sm{max-width:420px}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.375rem 1.5rem;border-bottom:1px solid #e5e5e5}.modal-header h3{font-size:1rem;font-weight:600;color:#0a0a0a}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#666;transition:background .15s}.modal-close:hover{background:#f5f5f5}.modal-body{padding:1.75rem;display:flex;flex-direction:column;gap:1rem}.modal-body>*{min-width:0}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #e5e5e5;background:#fafafa;border-radius:0 0 12px 12px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-group select,.form-group textarea{padding:.875rem 1rem;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .15s;width:100%;background:#fff}.form-group select:focus,.form-group textarea:focus{border-color:#0a0a0a}.form-group textarea{resize:vertical;min-height:80px}.form-check{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:#333}.form-check input[type=checkbox]{width:16px;height:16px;accent-color:#0a0a0a;cursor:pointer}.form-hint{display:block;font-size:.75rem;color:#999;margin-top:.25rem}.form-error{color:#c5221f;font-size:.8125rem;background:#fce8e6;padding:.5rem .75rem;border-radius:6px}.admin-photo-list{display:flex;flex-direction:column;gap:.5rem}.admin-photo-row{display:flex;align-items:center;gap:.5rem}.admin-photo-row input{flex:1 1}.admin-photo-add{margin-top:.25rem;width:-moz-fit-content;width:fit-content;padding:.5rem .875rem;font-size:.75rem}.admin-upload-zone{border:1px dashed #cfbfaa;background:linear-gradient(180deg,#fbf8f3,#f6f0e8);border-radius:10px;padding:.8rem;margin-top:.55rem;display:flex;flex-direction:column;gap:.65rem}.admin-upload-zone-header{display:flex;align-items:center;gap:.5rem;color:#6f6253;font-size:.8rem}.admin-upload-zone-header .material-icons-outlined{font-size:18px}.admin-upload-trigger{width:-moz-fit-content;width:fit-content;padding:.45rem .8rem;font-size:.75rem}.admin-file-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.admin-upload-cover-preview{width:100%;max-width:280px;border-radius:10px;overflow:hidden;border:1px solid #e4d9cb;box-shadow:0 4px 14px rgba(0,0,0,.08)}.admin-photo-selected-list{display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem;margin-top:.5rem}@media (min-width:900px){.admin-photo-selected-list.admin-photo-grid{grid-template-columns:repeat(2,1fr)}}.admin-photo-card{display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1px solid #efe6d9;border-radius:10px;padding:.65rem;min-width:0}.admin-photo-card-preview{display:flex;gap:.75rem;align-items:center}.admin-photo-card-image{width:96px;height:96px;border-radius:8px;object-fit:cover;border:1px solid #e8dfd0}.admin-photo-card-fields{flex:1 1;min-width:0}.admin-photo-card-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}.admin-photo-card-fields input,.admin-photo-selected-meta input,.admin-photo-selected-meta span{font-size:.82rem;color:#333}.admin-photo-card-fields input{white-space:normal;word-break:break-word}.admin-upload-cover-preview img{width:100%;aspect-ratio:4/3;object-fit:cover}.admin-photo-selected-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#f7f3ec;border:1px solid #e5ddd2;border-radius:8px;padding:.45rem .6rem;font-size:.8rem;color:#555}.admin-photo-selected-meta{display:flex;align-items:center;gap:.55rem;min-width:0}.admin-photo-selected-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-photo-thumb{width:34px;height:34px;border-radius:6px;object-fit:cover;border:1px solid #e2d7ca;flex-shrink:0}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:#aaa;font-size:20px!important;pointer-events:none}.search-box input{padding:.625rem 1rem .625rem 2.5rem;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;outline:none;width:260px;transition:border-color .15s}.search-box input:focus{border-color:#0a0a0a}.user-avatar{width:30px;height:30px;border-radius:50%;background:#e5e5e5;color:#333;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-sidebar{display:none}.dashboard-main{margin-left:0}.form-row,.stats-grid{grid-template-columns:1fr}.search-box input{width:100%}}.modal-product{max-width:1200px}.prod-modal-body{display:grid;grid-template-columns:360px 1fr;grid-gap:0;gap:0;min-height:560px}.prod-modal-left{gap:1rem;border-right:1px solid #e5e5e5}.prod-modal-left,.prod-modal-right{padding:1.75rem;display:flex;flex-direction:column;overflow-y:auto}.prod-modal-right{gap:1.5rem;background:#fafafa}.prod-img-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.prod-img-label-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#444}.prod-img-label-actions{display:flex;gap:.5rem}.prod-img-btn{font-size:.75rem;padding:.3rem .75rem;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;color:#333;transition:all .15s;display:flex;align-items:center;gap:4px}.prod-img-btn:hover{border-color:#333;background:#f5f5f5}.prod-img-btn-danger{color:#c5221f;border-color:#f5c6c3}.prod-img-btn-danger:hover{background:#fce8e6;border-color:#c5221f}.prod-cover-preview{width:100%;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#f0ebe3;border:1px solid #e4d9cb;display:flex;align-items:center;justify-content:center;max-height:280px}.prod-cover-preview img{width:100%;height:100%;object-fit:cover}.prod-cover-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#bbb;font-size:.8rem}.prod-cover-url{margin-top:.75rem}.prod-cover-url input{width:100%;padding:.625rem .875rem;border:1px solid #e5e5e5;border-radius:8px;font-size:.8125rem;outline:none;transition:border-color .15s;font-family:monospace}.prod-cover-url input:focus{border-color:#0a0a0a}.prod-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.prod-gallery-tile{position:relative;border-radius:10px;overflow:visible;background:#f0ebe3}.prod-gallery-tile-img-wrap{aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid #e4d9cb}.prod-gallery-tile-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.prod-gallery-tile-num{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.55);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;pointer-events:none;z-index:1}.prod-gallery-tile-bar{gap:4px;padding:5px 4px 3px}.prod-gallery-icon-btn,.prod-gallery-tile-bar{display:flex;align-items:center;justify-content:center}.prod-gallery-icon-btn{width:28px;height:28px;border-radius:6px;border:1px solid #e5e5e5;background:#fff;cursor:pointer;color:#555;transition:all .12s;font-size:0}.prod-gallery-icon-btn .material-icons-outlined{font-size:15px}.prod-gallery-icon-btn:hover{border-color:#333;background:#f5f5f5;color:#0a0a0a}.prod-gallery-icon-btn:disabled{opacity:.3;cursor:not-allowed}.prod-gallery-icon-btn-del{border-color:#f5c6c3;color:#c5221f}.prod-gallery-icon-btn-del:hover{background:#fce8e6;border-color:#c5221f}.prod-gallery-add{aspect-ratio:1;border-radius:10px;border:2px dashed #cfbfaa;background:linear-gradient(180deg,#fbf8f3,#f6f0e8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:#9a8472;font-size:.75rem;font-weight:500;transition:all .15s;min-height:80px}.prod-gallery-add:hover{border-color:#8a7060;background:#f5ede2;color:#5a4a3a}.prod-gallery-add .material-icons-outlined{font-size:24px}@media (max-width:900px){.prod-modal-body{grid-template-columns:1fr}.prod-modal-left{border-right:none;border-bottom:1px solid #e5e5e5}.prod-gallery-grid{grid-template-columns:repeat(4,1fr)}}.settings-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:1.25rem 1.5rem}.settings-card-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.settings-card-icon{font-size:1.4rem;color:#555;margin-top:2px}.settings-card-label{font-weight:600;font-size:.95rem;color:#111;margin:0 0 .2rem}.settings-card-desc{font-size:.8rem;color:#888;margin:0;line-height:1.5}.settings-card-body{display:flex;flex-direction:column}.settings-card-current{margin:.75rem 0 0;font-size:.8rem;color:#888}.form-input{width:100%;padding:.6rem .75rem;border:1.5px solid #e0e0e0;border-radius:8px;font-size:.9rem;color:#111;background:#fafafa;transition:border-color .15s;box-sizing:border-box;font-family:inherit}.form-input:focus{outline:none;border-color:#111;background:#fff}