body{margin:0;padding:0}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:1000;background:#0f0f0fdb;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:72px;padding:0 18px;display:flex;position:sticky;top:0;box-shadow:0 10px 30px #00000059}.nav-links{flex-wrap:nowrap;align-items:center;gap:24px;display:flex}.nav-links span{cursor:pointer;color:#b3b3b3;margin-right:0;padding-bottom:8px;font-size:15px;transition:all .3s;position:relative}.nav-links span:hover{color:#ff4d4d}.nav-links span:after{content:"";transform-origin:0;background:linear-gradient(90deg,#ff4d4d,#ffa64d);width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-links span:hover:after{transform:scaleX(1)}.nav-links .collections-trigger{cursor:pointer;color:#b3b3b3;text-align:left;background:0 0;border:0;margin:0;padding:0 0 8px;font-family:inherit;font-size:15px;transition:all .3s;position:relative}.nav-links .collections-trigger:hover{color:#ff4d4d}.nav-links .collections-trigger:after{content:"";transform-origin:0;background:linear-gradient(90deg,#ff4d4d,#ffa64d);width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-links .collections-trigger:hover:after{transform:scaleX(1)}.nav-actions{color:#fff;cursor:pointer;background:#ff4d4d24;border:1px solid #ff4d4d59;border-radius:12px;justify-content:center;align-items:center;padding:10px 12px;line-height:1;transition:all .3s;display:inline-flex;position:relative}.nav-actions:hover{background:#ff4d4d38;transform:translateY(-1px)}.nav-actions i{font-size:18px}.cart-count{color:#fff;background:#ff4d4d;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-7px;right:-7px;box-shadow:0 8px 18px #ff4d4d59}.side-cart{z-index:2000;background:#fff;border-left:1px solid #0000000f;border-top-left-radius:18px;border-bottom-left-radius:18px;flex-direction:column;width:min(420px,92vw);height:100vh;transition:all .4s ease-in-out;display:flex;position:fixed;top:0;right:-520px;box-shadow:-18px 0 50px #00000047}.side-cart.open{right:0}.cart-header{color:#fff;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px;display:flex}.close-btn{color:#f0f0f0;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;display:inline-flex}.close-btn:hover{color:#fff;background:#ffffff14}.cart-content{flex:1;padding:18px;overflow-y:auto}.cart-item{background:#fff;border:1px solid #f2f2f2;border-radius:14px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex;box-shadow:0 8px 22px #0000000d}.item-info{flex:1;min-width:0}.item-info h4{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:14px;font-weight:700;overflow:hidden}.item-info p{color:#6b7280;margin:0;font-weight:700}.qty-controls{align-items:center;gap:6px;display:inline-flex}.qty-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:28px;height:28px}.qty-btn:hover{background:#f3f4f6}.qty-value{text-align:center;color:#111827;min-width:18px;font-weight:700}.delete-btn{color:#ff4d4d;cursor:pointer;background:#ff4d4d1f;border:1px solid #ff4d4d40;border-radius:10px;padding:8px 10px;transition:all .5s}.delete-btn:hover{color:#fff;background:#ff4d4d}.cart-footer{border-top:1px solid #f2f2f2;padding:16px 18px}.checkout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4d4d,#ffa64d);border:none;border-radius:14px;width:100%;padding:15px;font-weight:700;box-shadow:0 16px 35px #ff4d4d40}.checkout-btn:hover{filter:brightness(1.02)}.overlay{z-index:1500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;width:100%;height:100%;position:fixed;top:0;left:0}.Logo{align-items:center;gap:10px;display:flex}.Logo img{border-radius:14px;width:44px;height:44px}.nav-right{align-items:center;gap:10px;display:inline-flex}.menu-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;width:42px;height:42px;display:none;position:relative;overflow:hidden}.menu-btn:hover{background:#ffffff1a}.menu-btn:after{content:"";transform-origin:0;background:linear-gradient(90deg,#ff4d4d,#ffa64d);height:2px;transition:transform .3s;position:absolute;bottom:8px;left:10px;right:10px;transform:scaleX(0)}.menu-btn:hover:after,.menu-btn:active:after,.menu-btn:focus-visible:after,.menu-btn.open:after{transform:scaleX(1)}.menu-btn i{font-size:22px}@media (max-width:768px){.navbar{padding:0 14px}.nav-links{background:#0f0f0feb;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:stretch;gap:8px;padding:12px;display:none;position:absolute;top:76px;left:12px;right:12px;box-shadow:0 18px 50px #0000008c}.nav-links.open,.nav-links.active{display:flex}.nav-links span{color:#e5e7eb;background:#ffffff0a;border-radius:12px;padding:12px 12px 16px}.nav-links .collections-trigger{color:#e5e7eb;background:#ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px 12px 16px;display:inline-flex}.nav-links span:hover,.nav-links .collections-trigger:hover{color:#fff;background:#ff4d4d29}.nav-links span:after,.nav-links .collections-trigger:after{width:calc(100% - 24px);display:block;bottom:8px;left:12px;transform:scaleX(0)}.nav-links span:hover:after,.nav-links span:active:after,.nav-links span:focus-visible:after,.nav-links .collections-trigger:hover:after,.nav-links .collections-trigger:active:after,.nav-links .collections-trigger:focus-visible:after{transform:scaleX(1)}.collections{justify-content:space-between;width:100%}.dropdown{width:100%;margin-top:8px;display:none;position:static}.collections.open .dropdown{display:block}.collections:hover .dropdown{display:none}.menu-btn{justify-content:center;align-items:center;display:inline-flex}}.collections{align-items:center;display:inline-flex;position:relative}.dropdown{color:#e5e7eb;z-index:9999;background:#0f0f0f;border:1px solid #222;border-radius:10px;padding:10px;display:none;position:absolute;top:30px;box-shadow:0 10px 25px #0000004d}.collections:hover .dropdown,.collections.open .dropdown{display:block}.dropdown p{cursor:pointer;margin:0;padding:8px 15px}.dropdown p:hover{background:#1a1a1a}.cart-item img{object-fit:cover;border-radius:8px;width:60px;height:60px}.hero{background:#000;height:620px;position:relative;overflow:hidden}.hero-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1s,transform 6s;position:absolute;transform:scale(1.1)}.hero-image.active{opacity:1;transform:scale(1)}.hero-overlay{z-index:1;background:linear-gradient(90deg,#000000b3,#0003,#f003);width:100%;height:100%;position:absolute}.hero-content{z-index:2;color:#fff;animation:1.5s fadeUp;position:absolute;top:50%;left:8%;transform:translateY(-50%)}.hero-content h1{letter-spacing:2px;margin-bottom:15px;font-size:60px}.hero-content p{color:#ddd;margin-bottom:25px}.hero-content button{color:#fff;cursor:pointer;background:red;border:none;padding:14px 30px;font-size:15px;transition:all .3s}.hero-content button:hover{background:#fa4747}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.hero{height:520px}.hero-content h1{font-size:42px}}@media (max-width:600px){.hero{height:420px}.hero-content{left:5%;right:5%}.hero-content h1{font-size:32px}.hero-content p{font-size:14px}.hero-content button{padding:12px 22px;font-size:14px}}*{-webkit-user-select:none;user-select:none}.products-page{background:#f8f8f8;padding:60px}.products-container h1{text-align:center;margin-bottom:40px}.products-address{text-align:center;color:#fff;background-color:#000;border-radius:10px;margin:30px 0;padding:10px;scroll-margin-top:100px}.products-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.product-card{cursor:pointer;text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:15px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 8px 20px #00000014}.product-card:hover{transform:translateY(-8px)scale(1.02)}.product-card img{object-fit:cover;width:100%;height:220px}.product-card h3{padding:10px}.price{font-size:22px;font-weight:700}.By-now{color:#fff;cursor:pointer;background-color:red;border:none;border-radius:10px;margin-top:12px;margin-left:auto;margin-right:auto;padding:10px 18px;transition:all .3s;display:block}.By-now:hover{background-color:#fa4747}.details-btn{color:#fff;cursor:pointer;background-color:#111;border:1px solid #333;border-radius:10px;margin-top:10px;margin-left:auto;margin-right:auto;padding:10px 18px;transition:all .3s;display:block}.details-btn:hover{background-color:#1f1f1f}.product-details{text-align:center;padding:60px;animation:.4s slideUp}.product-details img{object-fit:cover;width:350px;height:350px;margin-bottom:10px}.product-details button{color:#fff;cursor:pointer;background:red;border:none;margin-top:20px;padding:12px 25px}.product-details button:hover{background:#fa4747}@keyframes slideUp{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.product-card.added{animation:.6s flyUp}@keyframes flyUp{0%{transform:translateY(0)}50%{transform:translateY(-25px)}to{transform:translateY(0)}}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.products-grid{grid-template-columns:1fr}.products-container h1{font-size:26px}.products-address{font-size:20px}.product-card img{object-fit:cover;height:220px}.By-now{width:100%;padding:12px;font-size:16px}.details-btn{width:100%;margin-top:5px}}.detail-wrapper{background-color:#0e0c0c;min-height:100vh;padding:40px}.detail-content{color:#fff;max-width:1100px;margin:0 auto}.detail-topbar{justify-content:flex-end;margin-bottom:16px;display:flex}.back-btn{color:#fff;cursor:pointer;background:#222;border:1px solid #333;border-radius:10px;padding:10px 14px}.detail-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.detail-gallery{background:#141414;border-radius:14px;padding:20px}.detail-main img{object-fit:cover;border-radius:10px;width:100%;height:420px}.detail-thumbs{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.detail-thumbs .thumb{object-fit:cover;cursor:pointer;border:2px solid #333;border-radius:8px;width:80px;height:80px}.detail-thumbs .thumb.active{border-color:red}.detail-info{background:#0a0a0a;border-radius:14px;padding:24px}.detail-desc{color:#ddd;margin-top:8px;margin-bottom:16px}.detail-price{align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.price-old{color:#aaa;text-decoration:line-through}.price-new{color:red;font-size:1.6rem;font-weight:700}.detail-buy{color:#fff;cursor:pointer;background:red;border:none;border-radius:12px;padding:12px 18px;font-weight:700}.not-found{text-align:center;background:#141414;border-radius:12px;padding:24px}@media (max-width:900px){.detail-grid{grid-template-columns:1fr}.detail-main img{height:320px}}@media (max-width:600px){.detail-wrapper{padding:20px}.detail-main img{height:260px}.detail-info{padding:18px}.price-new{font-size:1.3rem}.detail-buy{width:100%;padding:14px;font-size:16px}.detail-thumbs .thumb{width:60px;height:60px}}.store-footer{color:#e5e5e5;background:#0f0f0f;border-top:1px solid #1f1f1f}.footer-top{background:#141414;border-bottom:1px solid #1f1f1f;padding:12px 0}.footer-top-inner{align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.footer-top-inner img{border-radius:50%;width:40px;height:40px}.footer-content{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:40px;display:grid}.footer-col h4{color:#fff;margin-bottom:12px;font-size:16px}.footer-col a{color:#b9b9b9;margin-bottom:8px;text-decoration:none;transition:all .2s;display:block}.footer-col a:hover{color:#fff}.footer-col p{color:#b9b9b9;margin-bottom:12px}.footer-subscribe{gap:8px;margin-bottom:12px;display:flex}.footer-subscribe input{color:#fff;background:#111;border:1px solid #2a2a2a;border-radius:8px;flex:1;padding:10px 12px}.footer-subscribe button{color:#fff;cursor:pointer;background:red;border:none;border-radius:8px;padding:10px 14px;font-weight:700}.footer-social{color:#b9b9b9;gap:10px;font-size:13px;display:flex}.footer-bottom{color:#9a9a9a;border-top:1px solid #1f1f1f;justify-content:space-between;max-width:1200px;margin:0 auto;padding:16px 40px;font-size:13px;display:flex}@media (max-width:1000px){.footer-content{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:column;gap:6px}}@media (max-width:600px){.footer-content{grid-template-columns:1fr}}body{margin:0}.login-page{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);justify-content:center;align-items:center;height:100vh;padding:40px 20px;display:flex}.login-box{text-align:center;background:#111;border-radius:12px;width:350px;padding:40px;box-shadow:0 10px 30px #000}.login-box h2{color:#fff;margin-bottom:25px}.login-box input{color:#fff;background:#1f1f1f;border:none;border-radius:8px;width:100%;margin-bottom:15px;padding:12px}.login-box input:focus{outline:1px solid red}.login-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:8px;width:50%;padding:12px;font-weight:700;transition:all .3s}.login-btn:hover{background:#ff4d4d}.register-text{color:#aaa;margin-top:15px}.register-text span{color:red;cursor:pointer}.Logo1{align-items:center;gap:10px;display:flex}.Logo1 img{border-radius:50px;width:200px;height:200px;margin-left:80px;position:relative}@media (max-width:768px){.login-box{width:100%;max-width:350px;padding:25px}.Logo1{justify-content:center}.Logo1 img{width:140px;height:140px;margin-left:0}.login-btn{width:100%}}.checkout-wrapper{background-color:#0e0c0c;min-height:100vh;padding:40px}.checkout-content{grid-template-columns:1.5fr 1fr;gap:25px;max-width:1100px;margin:0 auto;display:grid}.billing-section,.summary-section{color:#f0f8ff;background:#0a0a0a;border-radius:14px;padding:30px;box-shadow:0 10px 25px #0003}.summary-section{background-color:#141414}.input-group input{color:#fff;background:#111;border:1px solid #333;border-radius:8px;width:100%;margin-bottom:15px;padding:14px}.error{color:red;margin-bottom:10px;font-size:.85rem}.payment-options{flex-direction:column;gap:15px;display:flex}.pay-card{cursor:pointer;background:#111;border:1px solid #333;border-radius:12px;align-items:center;gap:15px;padding:18px;transition:all .3s;display:flex}.pay-card:hover{border-color:red;transform:scale(1.02)}.pay-card.active{background:#1c0e0e;border:1px solid red}.item-row{border-bottom:1px solid #333;justify-content:space-between;padding:12px 0;display:flex}.total-row{color:#f6ebeb;justify-content:space-between;margin:25px 0;font-size:1.5rem;font-weight:700;display:flex}.confirm-btn{color:#fff;cursor:pointer;background-color:red;border:none;border-radius:12px;width:100%;padding:16px;font-size:1.2rem;font-weight:700;transition:all .3s}.confirm-btn:hover{background-color:#c12a36}.phone-line{gap:8px;margin-bottom:15px;display:flex}.phone-line select{color:#fff;background:#111;border:1px solid #333;border-radius:6px;padding:12px}.country-code{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:12px}.phone-line input{flex:1}.admin-wrapper{color:#fff;background-color:#0f172a;min-height:100vh;font-family:Inter,sans-serif}.admin-navbar{background:#020617;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;height:70px;padding:0 40px;display:flex}.brand{color:#fff;font-size:20px;font-weight:600}.navbar-links{gap:25px;display:flex}.nav-item{color:#94a3b8;font-size:15px;text-decoration:none;transition:all .2s}.nav-item:hover{color:#fff}.logout-btn{color:#5b6cff;cursor:pointer;background:0 0;border:1px solid #5b6cff;border-radius:8px;padding:8px 16px;transition:all .2s}.logout-btn:hover{color:#fff;background:#5b6cff}.admin-main-content{padding:40px}.page-title{margin-bottom:20px;font-size:24px;font-weight:600}.card{background:#020617;border-radius:14px;margin-bottom:25px;padding:25px;box-shadow:0 10px 25px #0003}.card input,.card textarea,.card select{color:#fff;background:#020617;border:1px solid #1e293b;border-radius:8px;outline:none;width:100%;margin-bottom:12px;padding:12px;transition:all .2s}.card input:focus,.card textarea:focus{border-color:#5b6cff}.btn-primary{color:#fff;cursor:pointer;background:#5b6cff;border:none;border-radius:8px;padding:10px 20px;font-weight:500}.btn-primary:hover{background:#4755ff}.btn-edit{color:#fff;cursor:pointer;background:#334155;border:none;border-radius:6px;margin-right:5px;padding:6px 14px}.btn-edit:hover{background:#475569}.btn-danger{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:6px;padding:6px 14px}.btn-danger:hover{background:#d62839}.admin-table{border-collapse:collapse;background:#020617;border-radius:10px;width:100%;margin-top:20px;overflow:hidden}.admin-table th{text-align:left;color:#94a3b8;background:#020617;border-bottom:1px solid #1e293b;padding:14px;font-size:14px}.admin-table td{border-bottom:1px solid #1e293b;padding:14px;font-size:14px}.admin-table tr:hover{background:#020617}.img-preview{border-radius:8px;width:70px;margin-top:10px}.table-img{border-radius:8px;width:50px}.dashboard-card{background:#020617;border-radius:16px;max-width:520px;padding:40px;box-shadow:0 10px 30px #0003}.dashboard-text{color:#94a3b8;margin-bottom:25px}.visit-store-btn{color:#fff;cursor:pointer;background:#5b6cff;border:none;border-radius:10px;margin-bottom:40px;padding:12px 22px;font-weight:500}.visit-store-btn:hover{background-color:#737fec}.dashboard-hero{background:linear-gradient(135deg,#0b1020,#0b122a);border:1px solid #1e293b;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:24px;display:flex}.dashboard-hero h2{margin-bottom:6px}.dashboard-hero p{color:#94a3b8}.dashboard-actions{flex-wrap:wrap;gap:10px;display:flex}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{background:#020617;border:1px solid #1e293b;border-radius:14px;flex-direction:column;gap:8px;min-height:110px;padding:18px;display:flex;box-shadow:0 10px 20px #0003}.stat-label{color:#94a3b8;font-size:13px}.stat-value{color:#fff;font-size:24px;font-weight:700}.stat-sub{color:#64748b;font-size:12px}.upload-group{flex-wrap:wrap;gap:10px;margin:8px 0 4px;display:flex}.upload-btn{color:#e2e8f0;cursor:pointer;background:#0b122a;border:1px solid #1e293b;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.upload-btn.secondary{background:#111827}.upload-btn:hover{color:#fff;border-color:#5b6cff}.upload-input{display:none}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px;display:grid}.preview-item{background:#0b122a;border:1px solid #1e293b;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex}.preview-actions{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.preview-main{background:linear-gradient(135deg,#0b1020,#0b122a);border:1px solid #1e293b;border-radius:14px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;display:inline-flex}.preview-label{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-size:12px}.preview-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;grid-template-columns:2fr 1fr;gap:16px;margin-top:12px;padding:14px;display:grid;box-shadow:0 18px 45px #00000059}.preview-stage{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid #ffffff26;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059,inset 0 1px #ffffff40,inset 0 -1px #ffffff14}.stage-img{object-fit:cover;object-position:center;image-rendering:auto;filter:contrast(1.06)saturate(1.04)brightness(1.02);width:100%;height:140px;display:block}.stage-actions{align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px}.stage-badge{color:#fff;text-shadow:0 1px 1px #0000004d;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.preview-thumbs{gap:10px;max-height:140px;padding-right:4px;display:grid;overflow-y:auto}.thumb-item{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;grid-template-columns:60px 1fr;align-items:center;gap:10px;padding:8px;display:grid;box-shadow:0 8px 20px #00000040}.thumb-img{object-fit:cover;cursor:pointer;border-radius:8px;width:100%;height:46px;box-shadow:inset 0 1px #fff3}.thumb-actions{flex-wrap:wrap;justify-content:flex-start;gap:6px;display:flex}@media (max-width:900px){.notif-panel{width:90vw;max-width:360px;top:86px;right:16px}.preview-panel{grid-template-columns:1fr}.preview-thumbs{max-height:none}}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.status-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-new{color:#ef4444;background:#ef444433;border:1px solid #ef444466}.status-processing{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f666}.status-delivered{color:#22c55e;background:#22c55e33;border:1px solid #22c55e66}.Notifications{cursor:pointer;background-color:#000;border:solid #4755ff;border-radius:5px;margin-left:10px}.header-actions{display:flex}.notif-wrap{position:relative}.notif-panel{z-index:50;background:#0b122a;border:1px solid #1e293b;border-radius:12px;width:280px;padding:10px;position:fixed;top:78px;right:40px;box-shadow:0 16px 38px #00000059}.notif-panel:before{content:"";border:10px solid #0000;border-bottom-color:#1e293b;position:absolute;top:-10px;right:22px}.notif-panel:after{content:"";border:9px solid #0000;border-bottom-color:#0b122a;position:absolute;top:-9px;right:22px}.notif-header{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.notif-empty{color:#94a3b8;padding:10px;font-size:13px}.notif-item{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px}.notif-item:hover{background:#0b1020;border-color:#1e293b}.notif-title{font-size:14px;font-weight:600}.notif-sub{color:#94a3b8;font-size:12px}.notif-footer{gap:8px;margin-top:8px;display:flex}@media (max-width:900px){.admin-navbar{padding:0 20px}.navbar-links{gap:12px}}@media (max-width:700px){.admin-navbar{flex-direction:column;gap:10px;height:auto;padding:15px}.brand{font-size:18px}.nav-item{font-size:14px}}@media (max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:1000px){.admin-main-content{padding:25px}.card{padding:20px}.admin-table{font-size:13px}}@media (max-width:700px){.admin-table{white-space:nowrap;display:block;overflow-x:auto}.card input,.card textarea,.card select{font-size:14px}.btn-primary{width:100%;margin-top:5px}.dashboard-card{padding:25px}}@media (max-width:500px){.admin-main-content{padding:15px}.page-title{font-size:20px}.brand{font-size:16px}}
