.header{position:fixed;top:0;width:100%;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(to bottom,rgba(0,0,0,.9),transparent)}.header-inner{max-width:1400px;margin:0 auto;padding:12px 24px;display:flex;align-items:center}.logo-area{display:flex;align-items:center;gap:8px;margin-right:40px;flex-shrink:0}.logo-img{height:32px;position:relative;top:6px}.logo-text{color:#fff;font-size:20px;font-weight:700;position:relative;top:6px}.nav-menu{flex:1;display:flex;justify-content:center;gap:24px;position:relative;top:6px}.nav-link{position:relative;color:#f9fafb;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:#38bdf8;transition:width .2s}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown>.nav-link{cursor:pointer}.nav-dropdown:after{content:"";position:absolute;top:100%;left:0;width:100%;height:15px}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:0;padding-top:10px;background:transparent;z-index:100}.dropdown-menu-inner{background:#020617f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 0;min-width:140px;box-shadow:0 4px 20px #0000004d}.dropdown-item{display:block;padding:10px 20px;color:#e5e7eb;font-size:14px;text-decoration:none;transition:background .2s,color .2s}.dropdown-item:hover{background:#38bdf826;color:#38bdf8}.dropdown-item.active{color:#38bdf8;background:#38bdf81a}.auth-menu{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:40px;position:relative;top:6px}.cart-icon-link{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#38bdf81a;border:1px solid rgba(56,189,248,.3);transition:all .2s;margin-right:8px}.cart-icon-link:hover{background:#38bdf833;border-color:#38bdf8;transform:translateY(-2px)}.cart-icon{width:18px;height:18px;color:#38bdf8}.cart-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ef444466}.auth-btn{padding:6px 14px;border-radius:999px;border:1px solid rgba(248,250,252,.7);font-size:13px;color:#f9fafb;text-decoration:none;background:transparent;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.auth-btn:hover,.auth-active{background:#38bdf8;color:#020617;border-color:#38bdf8}.user-name{color:#38bdf8;font-size:14px;font-weight:500;display:flex;align-items:center}.user-name-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:6px 12px;border-radius:12px;transition:all .2s}.user-name-link:hover{background:#38bdf826}.user-name-text{color:#38bdf8;font-size:14px;font-weight:500}.user-name-link:hover .user-name-text{color:#7dd3fc}.user-mypage-hint{color:#9ca3af;font-size:10px;margin-top:2px}.user-name-link:hover .user-mypage-hint{color:#d1d5db}.logout-btn{cursor:pointer}.admin-btn{background:#f59e0b;color:#000;border-color:#f59e0b;font-weight:600}.admin-btn:hover{background:#d97706;border-color:#d97706}.header-sns{display:flex;align-items:center;gap:8px;margin-left:12px;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}.header-sns-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .2s}.header-sns-icon:hover{color:#38bdf8;transform:translateY(-2px)}.header-sns-icon svg{width:16px;height:16px}.mobile-user-name{color:#38bdf8;font-size:14px;font-weight:500;padding:8px 0}.hamburger{display:none;margin-left:10px;font-size:24px;color:#fff;cursor:pointer}.mobile-menu{display:none}@media (max-width: 900px){.nav-menu,.auth-menu{display:none}.hamburger{display:block;margin-left:auto}.mobile-menu{position:fixed;top:56px;right:0;width:220px;height:calc(100vh - 56px);background:#020617;display:flex;flex-direction:column;padding:20px;gap:12px;transform:translate(100%);transition:transform .25s ease;z-index:60}.mobile-menu.show{transform:translate(0)}.mobile-menu a{color:#e5e7eb;font-size:14px}.mobile-dropdown{display:flex;flex-direction:column;gap:6px}.mobile-dropdown-title{color:#f9fafb;font-size:14px;font-weight:500}.mobile-dropdown-item{color:#9ca3af;font-size:13px;padding-left:8px}}.footer{background:#2d2d2d;color:#999;font-size:13px}.footer-inner{max-width:1400px;margin:0 auto;padding:0 40px}.footer-menu-section{display:flex;justify-content:space-between;padding:50px 0 40px;border-bottom:1px solid #444;gap:20px}.footer-menu-group{min-width:120px}.footer-menu-title{color:#fff;font-size:14px;font-weight:600;margin:0 0 20px;letter-spacing:1px}.footer-menu-list{list-style:none;padding:0;margin:0}.footer-menu-list li{margin-bottom:12px;color:#999;font-size:13px}.footer-menu-list a{color:#999;text-decoration:none;transition:color .2s}.footer-menu-list a:hover{color:#38bdf8;text-decoration:underline}.footer-sns{display:flex;align-items:flex-start}.footer-sns-icons{display:flex;gap:12px}.sns-icon{width:36px;height:36px;border-radius:50%;border:1px solid #555;display:flex;align-items:center;justify-content:center;color:#999;transition:all .2s}.sns-icon:hover{border-color:#38bdf8;color:#38bdf8;transform:translateY(-2px)}.sns-icon svg{width:18px;height:18px}.footer-bottom{padding:30px 0;text-align:center}.footer-company-info{margin-bottom:16px}.footer-company-info p{margin:0 0 8px;color:#777;font-size:12px;line-height:1.6}.footer-copyright{padding-top:16px;border-top:1px solid #3a3a3a}.footer-copyright p{margin:0;color:#666;font-size:12px}@media (max-width: 1100px){.footer-menu-section{flex-wrap:wrap;gap:30px 40px}.footer-menu-group{min-width:calc(33% - 30px)}.footer-sns{width:100%;justify-content:center;margin-top:20px}}@media (max-width: 768px){.footer-inner{padding:0 20px}.footer-menu-section{flex-direction:column;align-items:center;text-align:center;gap:30px;padding:40px 0 30px}.footer-menu-group{min-width:auto}.footer-menu-title{margin-bottom:15px}.footer-menu-list li{margin-bottom:10px}.footer-sns-icons{justify-content:center}.footer-bottom{padding:25px 0}.footer-company-info p{font-size:11px}}@media (max-width: 480px){.footer-menu-section{padding:30px 0 25px}.footer-company-info p{font-size:10px}}.quick-menu{position:fixed;right:20px;top:78%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:40}.quick-item,.quick-top{background:#fff;padding:10px 14px;border-radius:8px;font-size:13px;box-shadow:0 4px 12px #0f172a66;cursor:pointer;color:#111827;display:flex;align-items:center;gap:6px}.quick-label{white-space:nowrap}.quick-top{margin-top:4px;background:#ef4444;color:#fff;justify-content:center}@media (max-width: 900px){.quick-menu{display:none}}.home-section{background:#050810;padding:80px 20px 100px}.home-inner{max-width:1200px;margin:0 auto;color:#fff}.home-subtitle{color:#00d1ff;font-size:14px;letter-spacing:3px}.home-title{margin-top:10px;font-size:28px;font-weight:700}.home-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-card{background:radial-gradient(circle at top left,#1e293b,#020617);border-radius:14px;padding:24px;border:1px solid rgba(148,163,184,.3);box-shadow:0 18px 40px #0f172ab3;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.home-card h4{font-size:18px;margin-bottom:10px}.home-card p{font-size:14px;color:#cbd5f5}.home-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px #0f172ae6;border-color:#38bdf8}@media (max-width: 900px){.home-grid{grid-template-columns:1fr}}.home-click{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.home-click:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00bdff40}.home-section-alt{background:#020617;padding:60px 20px 80px}.home-two-column{display:grid;grid-template-columns:1fr 1fr;gap:40px}.home-board-section{background:#1e293b66;border-radius:16px;padding:24px;border:1px solid rgba(148,163,184,.2)}.home-board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.2)}.home-board-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.home-board-header button{background:none;border:none;color:#38bdf8;font-size:13px;cursor:pointer;transition:color .2s}.home-board-header button:hover{color:#7dd3fc}.home-board-list{display:flex;flex-direction:column;gap:12px}.home-board-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f172a80;border-radius:10px;cursor:pointer;transition:background .2s}.home-board-item:hover{background:#38bdf81a}.board-title{font-size:14px;color:#e5e7eb;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:16px}.board-date{font-size:12px;color:#64748b;flex-shrink:0}.home-board-empty{text-align:center;padding:30px 20px;color:#64748b;font-size:14px}.home-board-empty p{margin:0 0 16px}.login-prompt-btn{padding:10px 24px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#020617;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-prompt-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf866}.home-reservation-item{flex-direction:row;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#0f172ab3,#1e293b80);border:1px solid rgba(56,189,248,.15)}.home-reservation-item:hover{border-color:#38bdf866;background:linear-gradient(135deg,#0f172acc,#1e293b99)}.reservation-left{display:flex;align-items:center;gap:16px}.reservation-main-info{display:flex;flex-direction:column;gap:4px}.reservation-date{font-size:15px;color:#fff;font-weight:600}.reservation-service{font-size:13px;color:#94a3b8}.reservation-right{display:flex;flex-direction:column;gap:6px;text-align:right}.reservation-row{display:flex;gap:8px;justify-content:flex-end;align-items:center}.reservation-label{font-size:12px;color:#64748b}.reservation-value{font-size:13px;color:#e5e7eb;font-weight:500}.reservation-status{font-size:11px;padding:5px 12px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-requested{background:linear-gradient(135deg,#fbbf2440,#fbbf241a);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-confirmed{background:linear-gradient(135deg,#22c55e40,#22c55e1a);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-done{background:linear-gradient(135deg,#38bdf840,#38bdf81a);color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.status-canceled{background:linear-gradient(135deg,#ef444440,#ef44441a);color:#ef4444;border:1px solid rgba(239,68,68,.3)}@media (max-width: 900px){.home-two-column{grid-template-columns:1fr;gap:24px}}.home-style-section{background:#050810;padding:60px 20px 80px}.home-style-section .home-board-header{margin-bottom:30px;padding-bottom:0;border-bottom:none}.home-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.home-style-card{background:#1e293b66;border-radius:16px;overflow:hidden;border:1px solid rgba(148,163,184,.2);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.home-style-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #38bdf826;border-color:#38bdf866}.home-style-image{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden}.home-style-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s ease}.home-style-card:hover .home-style-image img{transform:scale(1.05)}.home-style-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;align-items:center;justify-content:center;color:#64748b;font-size:14px}.home-style-category{position:absolute;top:12px;left:12px;padding:6px 14px;background:#38bdf8e6;color:#020617;font-size:12px;font-weight:600;border-radius:20px}.home-style-info{padding:20px}.home-style-info h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-style-info p{font-size:13px;color:#94a3b8;margin:0}@media (max-width: 900px){.home-style-grid{grid-template-columns:1fr}}.hero-slider{position:relative;width:100%;height:520px;border-radius:0;overflow:hidden;background:#020617}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.02);transition:opacity .6s ease-out,transform .8s ease-out}.hero-slide.active{opacity:1;transform:scale(1);z-index:1}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(15,118,110,.5),transparent 55%),linear-gradient(to right,#0f172af5,#0f172ae6,#0f172ab3)}.hero-content{position:absolute;top:0;right:0;bottom:0;max-width:640px;margin:auto;left:12%;display:flex;flex-direction:column;justify-content:center;color:#fff}.hero-content h2{font-size:40px;font-weight:800;margin-bottom:18px}.hero-content p{font-size:16px;line-height:1.7;color:#e5e7eb}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172ab3;color:#e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;transition:background .15s ease,transform .1s ease;z-index:5}.hero-nav:hover{background:#1e40afcc;transform:translateY(-50%) scale(1.05)}.hero-nav.prev{left:18px}.hero-nav.next{right:18px}.hero-dots{position:absolute;bottom:20px;left:12%;display:flex;gap:8px}.hero-dot{width:8px;height:8px;border-radius:999px;border:none;background:#94a3b899;cursor:pointer;transition:width .2s ease,background .2s ease}.hero-dot.active{width:22px;background:#38bdf8}@media (max-width: 1024px){.hero-content{left:8%;right:8%}.hero-content h2{font-size:30px}.hero-slider{height:420px}}@media (max-width: 640px){.hero-slider{height:380px}.hero-content{left:8%;right:8%}.hero-content h2{font-size:24px}.hero-content p{font-size:14px}}.login-wrap{background-color:#020617;color:#fff;min-height:100vh}.login-card{max-width:420px;margin:0 auto;padding:60px 20px 80px}.login-header h2{font-size:28px;margin-bottom:8px}.login-header p{font-size:14px;color:#ccc}.login-form{margin-top:28px;background:#0e0e0e;border-radius:18px;padding:22px 20px 26px;box-shadow:0 18px 38px #000000b3;border:1px solid #222}.login-form .form-group{display:flex;flex-direction:column;margin-bottom:14px}.login-form .form-group label{font-size:13px;color:#aaa;margin-bottom:4px}.login-form .form-group input{border-radius:10px;border:1px solid #333;background:#050505;padding:10px 12px;color:#fff;font-size:14px;outline:none;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.login-form .form-group input::placeholder{color:#555}.login-form .form-group input:focus{background:#fff;color:#000;border-color:#00bcd4;box-shadow:0 0 0 1px #00bcd44d}.login-btn{width:100%;margin-top:10px;background:linear-gradient(135deg,#00bcd4,#00e5ff);border:none;border-radius:999px;padding:12px 0;color:#000;font-weight:600;font-size:15px;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.login-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #00bcd440}.login-btn:active{transform:translateY(0);box-shadow:none}.login-message{margin-top:6px;font-size:13px;color:#ff867c}.login-helper{margin-top:14px;font-size:13px;color:#aaa;text-align:center}.login-helper span{color:#00bcd4;cursor:pointer;margin-left:4px}.login-helper span:hover{text-decoration:underline}.remember-me{margin:12px 0 8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#aaa;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#00bcd4;cursor:pointer}.checkbox-label:hover{color:#fff}.signup-wrap{background-color:#020617;color:#fff;min-height:100vh}.signup-card{max-width:520px;margin:0 auto;padding:60px 20px 80px}.signup-header h2{font-size:32px;margin-bottom:8px}.signup-header p{font-size:14px;color:#ccc}.signup-form{margin-top:32px;background:#0e0e0e;border-radius:18px;padding:24px 20px 28px;box-shadow:0 18px 38px #000000b3;border:1px solid #222}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-bottom:10px}.signup-form .form-group{display:flex;flex-direction:column;margin-bottom:12px}.signup-form .form-group label{font-size:13px;color:#aaa;margin-bottom:4px}.signup-form .form-group input{border-radius:10px;border:1px solid #333;background:#050505;padding:10px 12px;color:#fff;font-size:14px;outline:none;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.signup-form .form-group input::placeholder{color:#555}.signup-form .form-group input:focus{background:#fff;color:#000;border-color:#00bcd4;box-shadow:0 0 0 1px #00bcd44d}.signup-btn{width:100%;margin-top:10px;background:linear-gradient(135deg,#00bcd4,#00e5ff);border:none;border-radius:999px;padding:12px 0;color:#000;font-weight:600;font-size:15px;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.signup-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #00bcd440}.signup-btn:active{transform:translateY(0);box-shadow:none}.signup-message{margin-top:4px;margin-bottom:4px;padding:8px 10px;border-radius:8px;font-size:13px}.signup-message.error{background:#f443361f;color:#ff867c;border:1px solid rgba(244,67,54,.4)}.signup-message.success{background:#4caf501f;color:#b9f6ca;border:1px solid rgba(76,175,80,.4)}.signup-helper{margin-top:14px;font-size:13px;color:#aaa;text-align:center}.signup-helper span{color:#00bcd4;cursor:pointer;margin-left:4px}.signup-helper span:hover{text-decoration:underline}.field-error{display:block;margin-top:4px;font-size:12px;color:#ff867c}.field-success{display:block;margin-top:4px;font-size:12px;color:#4caf50}.address-section{margin-top:8px;margin-bottom:12px}.address-label{display:block;font-size:13px;color:#aaa;margin-bottom:8px}.address-row{display:flex;gap:10px;margin-bottom:10px}.zipcode-input{flex:1;border-radius:10px;border:1px solid #333;background:#050505;padding:10px 12px;color:#fff;font-size:14px;outline:none}.zipcode-input:focus{background:#fff;color:#000;border-color:#00bcd4}.address-btn{padding:10px 18px;border-radius:10px;border:1px solid #00bcd4;background:transparent;color:#00bcd4;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.address-btn:hover{background:#00bcd4;color:#000}@media (max-width: 600px){.signup-card{padding:40px 14px 60px}.signup-form{padding:20px 16px 22px}.signup-grid{grid-template-columns:1fr}}.page-section{background:#020617;min-height:100vh;padding:80px 20px 100px}.page-inner{max-width:1200px;margin:0 auto;color:#e5e7eb}.page-subtitle{color:#38bdf8;font-size:13px;letter-spacing:3px}.page-title{margin-top:8px;font-size:26px;font-weight:700}.card-grid{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.card,.style-card{background:radial-gradient(circle at top left,#1f2937,#020617);border-radius:14px;border:1px solid rgba(148,163,184,.4);box-shadow:0 18px 40px #0f172ab3;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}.card:hover,.style-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px #0f172ae6;border-color:#38bdf8}.card-header{padding:16px 20px 0}.card-header h4{font-size:18px}.card-body{padding:16px 20px 20px}.card-desc{margin-top:8px;font-size:14px;color:#cbd5e1}.empty-text{grid-column:1 / -1;text-align:center;color:#9ca3af}.designer-photo{width:100%;background:#020617;display:flex;align-items:center;justify-content:center;min-height:200px;flex:1}.designer-photo img{width:100%;height:100%;object-fit:cover;display:block}.designer-img{width:100%;height:100%;background-size:cover;background-position:center top}.designer-placeholder{width:80px;height:80px;border-radius:999px;border:2px solid #38bdf8;display:flex;align-items:center;justify-content:center;font-size:24px}.style-thumb{width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#0f172a}.style-thumb img{width:100%;height:100%;object-fit:cover;display:block}.style-tags{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.style-tags span{font-size:12px;background:#0f172ae6;padding:4px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.6)}.designer-position{font-size:13px;color:#a5b4fc;margin-left:6px}@media (max-width: 1100px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.card-grid{grid-template-columns:1fr}}.resv-wrap{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;background:transparent;color:#fff}.resv-card{width:100%;max-width:760px;background:#0a0a0af5;border-radius:24px;padding:26px 26px 30px;box-shadow:0 22px 45px #000c;border:1px solid #222}.resv-header h2{font-size:1.6rem;font-weight:700;margin:0 0 6px;color:#fff}.resv-header p{font-size:.85rem;color:#b3b3b3;line-height:1.5;margin:0}.resv-header .badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 9px;font-size:.7rem;border-radius:999px;background:#00bcd41a;color:#00e5ff;margin-right:6px}.resv-form{margin-top:20px;display:flex;flex-direction:column;gap:18px}.resv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 768px){.resv-card{padding:22px 18px 24px}.resv-grid{grid-template-columns:1fr}}.resv-form .form-group{display:flex;flex-direction:column;gap:6px}.resv-form .form-group label{font-size:.85rem;font-weight:600;color:#d1d5db}.resv-form .form-group input,.resv-form .form-group textarea,.resv-form .form-group select{width:100%;border-radius:10px;border:1px solid #333;padding:9px 11px;font-size:.9rem;outline:none;background:#050505;color:#fff;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.resv-form .form-group input::placeholder,.resv-form .form-group textarea::placeholder{color:#6b7280}.resv-form .form-group input:focus,.resv-form .form-group textarea:focus,.resv-form .form-group select:focus{background:#fff;color:#111827;border-color:#00bcd4;box-shadow:0 0 0 1px #00bcd461}.resv-form .form-group textarea{min-height:80px;resize:vertical}.resv-form .form-group small{font-size:.7rem;color:#9ca3af}.resv-form .form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.2rem;background-image:linear-gradient(to bottom,#ffffff 0%,#ffffff 40%,transparent 40%),linear-gradient(to bottom,#ffffff 60%,#ffffff 100%,transparent 100%);background-repeat:no-repeat;background-size:8px 8px,8px 8px;background-position:right 14px center,right 10px center;cursor:pointer}.member-info{margin-top:6px;font-size:.9rem;line-height:1.4;color:#e5e7eb}.resv-form .form-group input[readonly]{background:#0f172ae6;color:#e5e7eb}.resv-btn{margin-top:4px;width:100%;border:none;border-radius:999px;padding:11px 0;font-size:.95rem;font-weight:600;letter-spacing:.02em;background:linear-gradient(135deg,#00bcd4,#00e5ff);color:#000;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;box-shadow:0 12px 30px #00bcd466}.resv-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 16px 40px #00bcd48c}.resv-btn:active{transform:translateY(0);box-shadow:0 8px 20px #0f172a99}.resv-message{margin-top:14px;padding:10px 12px;border-radius:12px;font-size:.85rem;line-height:1.5;background:#16a34a14;border:1px solid rgba(22,163,74,.6);color:#bbf7d0;white-space:pre-wrap}.resv-form .form-group select option.booked-time,.resv-form .form-group select option:disabled{color:#6b7280;text-decoration:line-through;background:#1a1a1a}.branch-page-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);min-height:100vh}.region-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.region-tab{padding:10px 24px;border:1px solid rgba(56,189,248,.3);border-radius:25px;background:transparent;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.branch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.branch-card{background:linear-gradient(145deg,#1e293b,#334155);border-radius:16px;overflow:hidden;border:1px solid rgba(148,163,184,.1);transition:all .3s ease}.branch-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d;border-color:#38bdf84d}.branch-image-container{position:relative;width:100%;height:220px;overflow:hidden;cursor:pointer}.branch-main-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.branch-card:hover .branch-main-image{transform:scale(1.05)}.branch-no-image{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#1e293b,#0f172a);color:#64748b;gap:8px}.branch-no-image svg{width:48px;height:48px;opacity:.5}.branch-no-image span{font-size:14px}.image-count-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:6px 10px;background:#000000b3;border-radius:20px;color:#fff;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-count-badge svg{width:14px;height:14px}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.branch-image-container:hover .image-overlay{opacity:1}.image-overlay span{color:#fff;font-size:14px;font-weight:500;padding:10px 20px;background:#38bdf84d;border:1px solid #38bdf8;border-radius:25px}.branch-info{padding:20px}.branch-header{margin-bottom:16px}.branch-region-tag{display:inline-block;padding:4px 10px;background:#38bdf826;border-radius:12px;color:#38bdf8;font-size:12px;font-weight:500;margin-bottom:8px}.branch-name{color:#f1f5f9;font-size:20px;font-weight:600;margin:0}.branch-details{display:flex;flex-direction:column;gap:8px}.branch-address,.branch-phone{display:flex;align-items:flex-start;gap:8px;color:#94a3b8;font-size:14px;margin:0}.branch-address svg,.branch-phone svg{flex-shrink:0;margin-top:2px;color:#64748b}.branch-description{color:#64748b;font-size:13px;margin:8px 0 0;padding-top:12px;border-top:1px solid rgba(148,163,184,.1);line-height:1.5}.gallery-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.gallery-content{position:relative;max-width:900px;width:100%;background:#1e293b;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px #00000080}.gallery-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:#00000080;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s}.gallery-close:hover{background:#ef4444cc}.gallery-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#0000004d}.gallery-header h3{color:#fff;font-size:18px;margin:0}.gallery-counter{color:#94a3b8;font-size:14px}.gallery-image-container{position:relative;display:flex;align-items:center;justify-content:center;background:#0f172a;min-height:400px}.gallery-image{max-width:100%;max-height:500px;object-fit:contain}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:none;background:#00000080;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.gallery-nav:hover{background:#38bdf8cc}.gallery-nav svg{width:30px;height:30px}.gallery-nav.prev{left:20px}.gallery-nav.next{right:20px}.gallery-thumbnails{display:flex;gap:10px;padding:16px;background:#0000004d;overflow-x:auto;justify-content:center}.gallery-thumb{width:70px;height:50px;border-radius:8px;overflow:hidden;cursor:pointer;opacity:.5;transition:all .2s;border:2px solid transparent;flex-shrink:0}.gallery-thumb:hover{opacity:.8}.gallery-thumb.active{opacity:1;border-color:#38bdf8}.gallery-thumb img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.branch-grid{grid-template-columns:1fr}.region-tabs{gap:8px}.region-tab{padding:8px 16px;font-size:13px}.gallery-content{margin:10px}.gallery-image-container{min-height:250px}.gallery-nav{width:40px;height:40px}.gallery-nav svg{width:24px;height:24px}.gallery-nav.prev{left:10px}.gallery-nav.next{right:10px}.gallery-thumbnails{justify-content:flex-start}}.designer-page-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);min-height:100vh}.representative-section{margin-top:40px;margin-bottom:40px}.representative-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;border:2px solid #38bdf8;box-shadow:0 20px 60px #38bdf826;display:flex;overflow:hidden;position:relative}.representative-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#38bdf8,#a5b4fc,#38bdf8)}.representative-photo{width:320px;min-height:450px;flex-shrink:0;background:linear-gradient(145deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center}.representative-photo img{width:100%;height:100%;object-fit:cover}.representative-placeholder{width:150px;height:150px;border-radius:50%;border:3px solid #38bdf8;display:flex;align-items:center;justify-content:center;color:#38bdf8;background:#38bdf81a}.representative-placeholder svg{width:80px;height:80px}.representative-info{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}.representative-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#020617;font-size:11px;font-weight:700;letter-spacing:2px;padding:6px 16px;border-radius:20px;margin-bottom:16px;width:fit-content}.representative-name{font-size:36px;font-weight:700;color:#fff;margin:0 0 16px;display:flex;align-items:center;gap:12px}.representative-position{font-size:16px;font-weight:500;color:#fbbf24;background:#fbbf241a;padding:4px 12px;border-radius:8px}.representative-career,.representative-specialty,.representative-branch{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8;margin:0 0 8px}.representative-career svg,.representative-specialty svg,.representative-branch svg{color:#38bdf8;flex-shrink:0}.representative-intro-box{margin-top:16px;padding:20px;background:#38bdf80d;border-radius:12px;border-left:3px solid #38bdf8}.representative-intro{font-size:15px;color:#cbd5e1;line-height:1.9;margin:0}.designer-region-tabs{margin-top:20px;margin-bottom:40px}.region-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.region-tab{padding:12px 24px;border:1px solid rgba(56,189,248,.3);border-radius:25px;background:transparent;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.region-tab:hover{background:#38bdf81a;border-color:#38bdf8;color:#38bdf8}.region-tab.active{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:transparent;color:#fff;box-shadow:0 4px 15px #3b82f666}.region-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:#ffffff26;border-radius:12px;font-size:12px;font-weight:600}.region-tab.active .region-count{background:#ffffff40}.designers-by-branch{display:flex;flex-direction:column;gap:40px}.branch-designer-section{background:#1e293b4d;border-radius:16px;padding:24px;border:1px solid rgba(148,163,184,.1)}.branch-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.1)}.branch-title{display:flex;align-items:center;gap:10px;color:#f1f5f9;font-size:20px;font-weight:600;margin:0}.branch-title svg{color:#38bdf8}.branch-designer-count{color:#64748b;font-size:14px;background:#64748b33;padding:4px 12px;border-radius:12px}.designer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.designer-card{background:linear-gradient(145deg,#1e293b,#334155);border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,.1);transition:all .3s ease}.designer-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0000004d;border-color:#38bdf84d}.designer-card.director-card{border:2px solid rgba(251,191,36,.5);background:linear-gradient(145deg,#1e293b,#2d3748)}.designer-card.director-card:hover{border-color:#fbbf24}.designer-photo{position:relative;width:100%;height:220px;background:linear-gradient(145deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;overflow:hidden}.designer-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.designer-card:hover .designer-photo img{transform:scale(1.05)}.director-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#000;font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px}.director-badge.representative{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff}.designer-placeholder{width:80px;height:80px;border-radius:50%;border:2px solid #64748b;display:flex;align-items:center;justify-content:center;color:#64748b;background:#64748b1a}.designer-placeholder svg{width:40px;height:40px}.designer-info{padding:16px}.designer-name{font-size:16px;font-weight:600;color:#f1f5f9;margin:0 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.designer-position{font-size:11px;font-weight:500;color:#38bdf8;background:#38bdf81a;padding:2px 8px;border-radius:10px}.designer-position.director{color:#fbbf24;background:#fbbf2426}.designer-career{font-size:12px;color:#94a3b8;margin:0 0 4px}.designer-specialty{font-size:12px;color:#38bdf8;margin:0 0 8px}.designer-intro{font-size:12px;color:#64748b;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 900px){.representative-card{flex-direction:column}.representative-photo{width:100%;min-height:300px}.representative-info{padding:30px}.representative-name{font-size:28px;flex-direction:column;align-items:flex-start;gap:8px}.designer-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 600px){.representative-info{padding:24px}.representative-name{font-size:24px}.representative-intro{font-size:14px}.representative-intro-box{padding:16px}.region-tab{padding:10px 16px;font-size:13px}.branch-designer-section{padding:16px}.designer-grid{grid-template-columns:repeat(2,1fr);gap:12px}.designer-photo{height:180px}.designer-info{padding:12px}.designer-name{font-size:14px}}.styleintro-header{margin-bottom:24px}.styleintro-header p{font-size:14px;color:#ccc}.styleintro-tabs{margin-top:32px;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:8px}.styleintro-tab{padding:8px 16px;border-radius:999px;border:1px solid #444;background:transparent;color:#ccc;font-size:14px;cursor:pointer}.styleintro-tab-active{background:#00bcd4;border-color:#00bcd4;color:#000}.styleintro-list{display:flex;flex-direction:column;gap:10px}.styleintro-card{background:#111;border-radius:10px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}.styleintro-title{font-size:15px}.styleintro-duration{font-size:12px;color:#9ca3af;margin-top:4px}.styleintro-price{font-size:15px;font-weight:600;color:#ffd54f}.styleintro-info{padding:40px 0;text-align:center;color:#aaa}.search-box{display:flex;gap:10px;margin-bottom:24px;padding:16px;background:#1e293b66;border-radius:12px;border:1px solid rgba(148,163,184,.15)}.styleboard-header{margin-bottom:24px}.styleboard-header .page-desc{margin-top:12px;font-size:14px;color:#ccc;line-height:1.6}.styleboard-loading,.styleboard-empty{padding:60px 0;text-align:center;color:#9ca3af;font-size:15px}.styleboard-info{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.styleboard-designer{font-size:13px;color:#a5b4fc}.styleboard-branch{font-size:12px;background:#38bdf826;color:#38bdf8;padding:2px 8px;border-radius:999px}.styleboard-date{display:block;margin-top:10px;font-size:12px;color:#6b7280}.styleboard-count{margin-bottom:20px;font-size:14px;color:#94a3b8}.styleboard-count span{color:#38bdf8;font-weight:600}.style-detail-container{max-width:1200px;margin:0 auto;padding:20px}.btn-back{background:none;border:none;color:#666;font-size:16px;cursor:pointer;padding:10px 0;margin-bottom:20px;transition:color .2s}.btn-back:hover{color:#333}.style-detail-loading,.style-detail-error{text-align:center;padding:60px 20px;color:#666}.style-detail-error p{margin-bottom:20px;font-size:18px}.style-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:40px}.style-detail-gallery{position:relative}.gallery-main{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:12px;background:#f5f5f5}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #00000026}.gallery-nav:hover{background:#fff;box-shadow:0 4px 12px #0003}.gallery-nav.prev{left:10px}.gallery-nav.next{right:10px}.gallery-thumbnails{display:flex;gap:10px;margin-top:15px;overflow-x:auto;padding-bottom:10px}.thumbnail{width:70px;height:70px;flex-shrink:0;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.thumbnail.active{border-color:#d4a574}.thumbnail:hover{border-color:#c99a64}.thumbnail img{width:100%;height:100%;object-fit:cover}.gallery-counter{text-align:center;margin-top:10px;color:#888;font-size:14px}.no-image{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:12px;color:#999}.style-detail-info{display:flex;flex-direction:column;gap:24px}.style-detail-title{font-size:28px;font-weight:600;color:#333;margin:0}.style-detail-meta{display:flex;flex-direction:column;gap:12px;padding:20px;background:#f9f9f9;border-radius:12px}.meta-item{display:flex;justify-content:space-between;align-items:center}.meta-label{color:#888;font-size:14px}.meta-value{color:#333;font-weight:500}.style-detail-description{padding:20px;background:#fff;border:1px solid #eee;border-radius:12px}.style-detail-description h3{margin:0 0 12px;font-size:16px;color:#333}.style-detail-description p{margin:0;color:#666;line-height:1.8;white-space:pre-wrap}.style-detail-cta{padding:24px;background:linear-gradient(135deg,#f8f4f0,#f0e8e0);border-radius:12px;text-align:center}.style-detail-cta p{margin:0 0 16px;color:#666}.btn-reservation{padding:14px 40px;background:#d4a574;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn-reservation:hover{background:#c99a64;transform:translateY(-2px);box-shadow:0 4px 12px #d4a57466}@media (max-width: 900px){.style-detail-content{grid-template-columns:1fr;gap:30px}.gallery-main{aspect-ratio:1/1}}@media (max-width: 600px){.style-detail-container{padding:15px}.style-detail-title{font-size:22px}.thumbnail{width:60px;height:60px}.gallery-nav{width:36px;height:36px;font-size:16px}}.style-comments-section{margin-top:50px;padding-top:40px;border-top:1px solid #eee}.style-comments-title{font-size:20px;font-weight:600;color:#333;margin-bottom:24px;display:flex;align-items:center;gap:8px}.style-comments-title span{color:#d4a574}.style-comment-form{background:linear-gradient(135deg,#faf8f6,#f5f0eb);border-radius:16px;padding:24px;margin-bottom:32px;display:flex;flex-direction:column}.style-comment-form-header{display:flex;gap:10px;margin-bottom:14px}.style-comment-form-header input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid #e0d5c8;background:#fff;color:#333;font-size:13px;transition:border-color .2s,box-shadow .2s}.style-comment-form-header input:focus{outline:none;border-color:#d4a574;box-shadow:0 0 0 3px #d4a57426}.style-comment-form-header input::placeholder{color:#999}.style-comment-form textarea{width:100%;padding:14px 16px;border-radius:10px;border:1px solid #e0d5c8;background:#fff;color:#333;font-size:14px;min-height:100px;resize:vertical;margin-bottom:14px;line-height:1.6;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.style-comment-form textarea:focus{outline:none;border-color:#d4a574;box-shadow:0 0 0 3px #d4a57426}.style-comment-form button{align-self:flex-start;padding:12px 28px;border-radius:10px;border:none;background:linear-gradient(135deg,#d4a574,#c99a64);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s,box-shadow .2s}.style-comment-form button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4a57466}.style-comment-list{display:flex;flex-direction:column;gap:20px}.style-comment-item{background:#fff;border-radius:16px;padding:20px 24px;border:1px solid #f0e8e0;transition:box-shadow .2s}.style-comment-item:hover{box-shadow:0 4px 16px #0000000f}.style-comment-item.reply{margin-left:40px;background:#faf8f6;border-left:3px solid #d4a574}.style-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.style-comment-writer{font-weight:600;color:#333;font-size:15px}.style-comment-date{font-size:13px;color:#999}.style-comment-content{font-size:14px;color:#555;line-height:1.7;margin-bottom:14px;white-space:pre-wrap}.style-comment-actions{display:flex;gap:16px}.style-comment-actions button{background:none;border:none;color:#999;font-size:13px;cursor:pointer;padding:4px 0;transition:color .2s}.style-comment-actions button:hover{color:#d4a574}.style-reply-form{margin-top:20px;padding-top:20px;border-top:1px solid #f0e8e0;display:flex;flex-direction:column}.style-reply-form-header{display:flex;gap:8px;margin-bottom:12px}.style-reply-form-header input{flex:1;padding:8px 12px;border-radius:6px;border:1px solid #e0d5c8;background:#fff;color:#333;font-size:12px;transition:border-color .2s,box-shadow .2s}.style-reply-form-header input:focus{outline:none;border-color:#d4a574;box-shadow:0 0 0 2px #d4a5741f}.style-reply-form-header input::placeholder{color:#999}.style-reply-form textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #e0d5c8;background:#fff;color:#333;font-size:13px;min-height:70px;resize:vertical;margin-bottom:12px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.style-reply-form textarea:focus{outline:none;border-color:#d4a574;box-shadow:0 0 0 2px #d4a5741f}.style-reply-buttons{display:flex;gap:8px}.style-reply-buttons button{padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.style-reply-buttons .btn-submit{background:#d4a574;color:#fff;border:none}.style-reply-buttons .btn-submit:hover{background:#c99a64}.style-reply-buttons .btn-cancel{background:#fff;border:1px solid #ddd;color:#666}.style-reply-buttons .btn-cancel:hover{border-color:#ccc;color:#333}.style-comment-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.style-comment-modal-content{background:#fff;border-radius:20px;padding:32px;width:100%;max-width:400px;box-shadow:0 20px 60px #0003}.style-comment-modal-content h3{font-size:18px;margin-bottom:20px;color:#333;text-align:center}.style-comment-modal-content input{width:100%;padding:14px 16px;border-radius:10px;border:1px solid #ddd;background:#f9f9f9;color:#333;font-size:14px;margin-bottom:20px}.style-comment-modal-content input:focus{outline:none;border-color:#d4a574;background:#fff}.style-comment-modal-buttons{display:flex;gap:12px}.style-comment-modal-buttons button{flex:1;padding:14px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.style-comment-modal-buttons .btn-delete{background:#e74c3c;color:#fff;border:none}.style-comment-modal-buttons .btn-delete:hover{background:#c0392b}.style-comment-modal-buttons .btn-cancel{background:#fff;border:1px solid #ddd;color:#666}.style-comment-modal-buttons .btn-cancel:hover{border-color:#ccc}.style-no-comments{text-align:center;padding:40px;color:#999;font-size:14px}@media (max-width: 600px){.style-comment-form-header{flex-direction:column}.style-comment-item.reply{margin-left:20px}.style-reply-form-header{flex-direction:column}}.search-box{display:flex;gap:10px;margin-bottom:20px;padding:16px;background:#1e293b66;border-radius:12px;border:1px solid rgba(148,163,184,.15)}.search-select{padding:10px 14px;border-radius:8px;border:1px solid rgba(148,163,184,.25);background:#0f172acc;color:#e2e8f0;font-size:14px;cursor:pointer;min-width:100px}.search-select:focus{outline:none;border-color:#38bdf8}.search-input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid rgba(148,163,184,.25);background:#0f172acc;color:#fff;font-size:14px}.search-input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.search-input::placeholder{color:#64748b}.search-btn{padding:10px 24px;border-radius:8px;border:none;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#020617;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.search-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf84d}@media (max-width: 768px){.search-box{flex-wrap:wrap}.search-select{min-width:auto;flex:0 0 100px}.search-input{flex:1;min-width:150px}.search-btn{flex:0 0 auto}}.inquiry-header{margin-top:24px;display:flex;justify-content:space-between;align-items:center}.inquiry-count{font-size:14px;color:#94a3b8}.write-btn{padding:10px 24px;border-radius:8px;border:none;background:linear-gradient(135deg,#00bcd4,#00e5ff);color:#000;font-weight:600;font-size:14px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.write-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00bcd466}.inquiry-footer{display:flex;justify-content:center;align-items:center;position:relative;margin-top:24px;padding-top:20px;border-top:1px solid rgba(148,163,184,.15)}.inquiry-footer .pagination{margin-top:0;padding:0}.inquiry-footer .write-btn{position:absolute;right:0}.inquiry-list{margin-top:20px;border-top:2px solid #38bdf8}.inquiry-table-header{display:grid;grid-template-columns:80px 1fr 120px 120px;padding:14px 16px;background:#1e293b80;font-size:14px;font-weight:600;color:#94a3b8;border-bottom:1px solid rgba(148,163,184,.2)}.inquiry-row{display:grid;grid-template-columns:80px 1fr 120px 120px;padding:16px;border-bottom:1px solid rgba(148,163,184,.15);cursor:pointer;transition:background .15s ease}.inquiry-row:hover{background:#38bdf814}.col-no{text-align:center;color:#64748b;font-size:14px}.col-title{font-size:15px;color:#e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-writer{text-align:center;font-size:14px;color:#94a3b8}.col-date{text-align:center;font-size:14px;color:#64748b}.secret-icon{margin-right:6px}.loading-text,.error-text{margin-top:40px;text-align:center;color:#94a3b8}.error-text{color:#f87171}.inquiry-detail{margin-top:32px;background:radial-gradient(circle at top left,#1f2937,#020617);border-radius:16px;border:1px solid rgba(148,163,184,.3);padding:32px}.inquiry-detail-header{border-bottom:1px solid rgba(148,163,184,.2);padding-bottom:20px;margin-bottom:24px}.inquiry-detail-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:16px}.inquiry-meta{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:#94a3b8}.inquiry-meta span{display:flex;align-items:center;gap:6px}.inquiry-content{min-height:200px;font-size:15px;line-height:1.8;color:#e5e7eb;white-space:pre-wrap}.inquiry-actions{margin-top:32px;display:flex;justify-content:center;gap:12px}.btn-edit,.btn-delete,.btn-back,.btn-list{padding:10px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.btn-edit{background:#3b82f6;color:#fff}.btn-edit:hover{background:#2563eb}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.btn-back,.btn-list{background:transparent;border:1px solid #64748b;color:#94a3b8}.btn-back:hover,.btn-list:hover{border-color:#38bdf8;color:#38bdf8}.password-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.password-modal-content{background:#0f172a;border-radius:16px;border:1px solid rgba(148,163,184,.3);padding:32px;width:100%;max-width:400px}.password-modal-content h3{font-size:18px;margin-bottom:20px;color:#fff}.password-modal-content input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #333;background:#050505;color:#fff;font-size:14px;margin-bottom:16px}.password-modal-content input:focus{outline:none;border-color:#00bcd4;background:#fff;color:#111}.modal-buttons{display:flex;gap:12px}.modal-buttons button{flex:1;padding:10px;border-radius:8px;font-weight:600;cursor:pointer;border:none}.btn-confirm{background:linear-gradient(135deg,#00bcd4,#00e5ff);color:#000}.btn-cancel{background:transparent;border:1px solid #64748b;color:#94a3b8}.inquiry-form-wrap{min-height:100vh;padding:40px 20px}.inquiry-form-card{max-width:800px;margin:0 auto;background:#0a0a0af5;border-radius:24px;padding:32px;box-shadow:0 22px 45px #000c;border:1px solid #222}.inquiry-form-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:8px}.inquiry-form-subtitle{font-size:14px;color:#94a3b8;margin-bottom:32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:600;color:#94a3b8;margin-bottom:8px}.form-group label .required{color:#f87171;margin-left:4px}.form-group input,.form-group textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #333;background:#050505;color:#fff;font-size:14px;transition:all .15s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00bcd4;background:#fff;color:#111;box-shadow:0 0 0 2px #00bcd433}.form-group textarea{min-height:200px;resize:vertical;line-height:1.6}.secret-checkbox{display:flex;align-items:center;gap:10px;margin-bottom:24px}.secret-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#00bcd4}.secret-checkbox label{font-size:14px;color:#e5e7eb;cursor:pointer}.form-buttons{display:flex;gap:12px;margin-top:32px}.form-buttons button{flex:1;padding:14px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.btn-submit{background:linear-gradient(135deg,#00bcd4,#00e5ff);color:#000}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00bcd466}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.comments-section{margin-top:40px;border-top:1px solid rgba(148,163,184,.2);padding-top:32px}.comments-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:24px}.comment-form{background:#1e293b66;border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid rgba(148,163,184,.15);display:flex;flex-direction:column}.comment-form-row{display:flex;gap:10px;margin-bottom:14px}.comment-form-row input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid rgba(148,163,184,.25);background:#0f172a99;color:#fff;font-size:13px;transition:all .2s ease}.comment-form-row input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.comment-form-row input::placeholder{color:#64748b}.comment-form textarea{width:100%;padding:14px 16px;border-radius:8px;border:1px solid rgba(148,163,184,.25);background:#0f172a99;color:#fff;font-size:14px;min-height:100px;resize:vertical;transition:all .2s ease;line-height:1.6;margin-bottom:14px;box-sizing:border-box}.comment-form textarea:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.comment-form textarea::placeholder{color:#64748b}.comment-form button{align-self:flex-start;padding:12px 28px;border-radius:8px;border:none;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#020617;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.comment-form button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf866}.comment-list{display:flex;flex-direction:column;gap:16px}.comment-item{background:#1e293b4d;border-radius:12px;padding:16px;border-left:3px solid #38bdf8}.comment-item.reply{margin-left:32px;border-left-color:#64748b;background:#1e293b33}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.comment-writer{font-weight:600;color:#38bdf8;font-size:14px}.comment-content{font-size:14px;color:#e5e7eb;line-height:1.6;margin-bottom:12px}.comment-actions{display:flex;gap:12px}.comment-actions button{background:none;border:none;color:#64748b;font-size:13px;cursor:pointer;padding:0}.comment-actions button:hover{color:#38bdf8}.reply-form{margin-top:16px;padding-top:16px;border-top:1px solid rgba(148,163,184,.15)}.reply-form-row{display:flex;gap:8px;margin-bottom:12px}.reply-form-row input{flex:1;padding:8px 12px;border-radius:6px;border:1px solid rgba(148,163,184,.25);background:#0f172a99;color:#fff;font-size:13px;transition:all .2s ease}.reply-form-row input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.reply-form-row input::placeholder{color:#64748b}.reply-form textarea{width:100%;padding:12px 14px;border-radius:6px;border:1px solid rgba(148,163,184,.25);background:#0f172a99;color:#fff;font-size:13px;min-height:70px;resize:vertical;transition:all .2s ease;line-height:1.5;margin-bottom:12px}.reply-form textarea:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.reply-form-buttons{display:flex;gap:8px}.reply-form-buttons button{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none}.reply-form-buttons .btn-reply-submit{background:#38bdf8;color:#000}.reply-form-buttons .btn-reply-cancel{background:transparent;border:1px solid #64748b;color:#94a3b8}@media (max-width: 768px){.inquiry-table-header,.inquiry-row{grid-template-columns:50px 1fr 80px}.col-date{display:none}.form-row{grid-template-columns:1fr}.inquiry-detail{padding:20px}.inquiry-meta{flex-direction:column;gap:8px}}.location-loading,.location-empty{padding:60px 0;text-align:center;color:#9ca3af;font-size:15px}.location-container{margin-top:40px}.branch-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.branch-tab{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;font-size:15px;cursor:pointer;transition:all .2s ease}.branch-tab:hover{background:#ffffff1a;color:#fff}.branch-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff;font-weight:500}.branch-detail{display:grid;grid-template-columns:1fr 2fr;gap:30px}.branch-info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:28px}.branch-info-card h3{font-size:22px;font-weight:600;color:#fff;margin-bottom:20px}.branch-address,.branch-phone{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;font-size:14px;color:#d1d5db;line-height:1.6}.info-label{flex-shrink:0;display:inline-block;width:40px;padding:2px 0;font-size:12px;font-weight:500;color:#a5b4fc}.branch-phone a{color:#d1d5db;text-decoration:none;transition:color .2s}.branch-phone a:hover{color:#a5b4fc}.branch-description{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:14px;color:#9ca3af;line-height:1.7}.map-container{border-radius:12px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.map-container iframe{display:block;width:100%;height:450px}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:450px;color:#6b7280;text-align:center}.map-placeholder p{margin:4px 0}.map-hint{font-size:13px;color:#4b5563}@media (max-width: 900px){.branch-detail{grid-template-columns:1fr}.branch-info-card{order:2}.map-container{order:1}}@media (max-width: 600px){.branch-tabs{gap:8px}.branch-tab{padding:10px 16px;font-size:14px}.branch-info-card{padding:20px}.branch-info-card h3{font-size:18px}.map-container iframe,.map-placeholder{height:350px}}.ai-card{max-width:580px;margin:40px auto 0;background:linear-gradient(145deg,#0f172ae6,#050a14f2);padding:40px 32px 48px;border-radius:24px;border:1px solid rgba(56,189,248,.2);box-shadow:0 25px 50px #00000080,0 0 100px #38bdf80d,inset 0 1px #ffffff0d;text-align:center;position:relative;overflow:hidden}.ai-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(56,189,248,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(139,92,246,.06) 0%,transparent 50%);pointer-events:none;animation:gradientShift 15s ease-in-out infinite}@keyframes gradientShift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(2%,2%) rotate(5deg)}}.ai-card>*{position:relative;z-index:1}.ai-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#38bdf826,#8b5cf626);border:1px solid rgba(56,189,248,.3);border-radius:50px;font-size:13px;font-weight:600;color:#38bdf8;margin-bottom:24px;letter-spacing:.5px}.ai-badge:before{content:"✨";font-size:14px}.desc{color:#94a3b8;font-size:15px;margin-bottom:32px;line-height:1.6}.upload-box{margin-bottom:24px}.upload-label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:220px;border:2px dashed rgba(56,189,248,.3);border-radius:20px;cursor:pointer;color:#64748b;font-size:15px;transition:all .3s ease;background:linear-gradient(145deg,#0f172a80,#1e293b4d);position:relative;overflow:hidden}.upload-label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(56,189,248,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.upload-label:hover{border-color:#38bdf8;color:#38bdf8;background:linear-gradient(145deg,#38bdf814,#1e293b80);transform:translateY(-2px);box-shadow:0 10px 40px #38bdf826}.upload-label:hover:before{opacity:1}.upload-label input{display:none}.upload-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#38bdf833,#8b5cf633);display:flex;align-items:center;justify-content:center;font-size:28px;border:1px solid rgba(56,189,248,.3)}.upload-text{font-weight:500}.upload-hint{font-size:12px;color:#475569}.preview-container{position:relative;display:inline-block}.preview-img{max-width:280px;max-height:280px;border-radius:16px;border:2px solid rgba(56,189,248,.3);box-shadow:0 10px 40px #0000004d;object-fit:cover}.remove-btn{position:absolute;top:-8px;right:-8px;width:32px;height:32px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #ef444466}.remove-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #ef444480}.ai-btn{width:100%;background:linear-gradient(135deg,#38bdf8,#0ea5e9,#8b5cf6);background-size:200% 200%;border:none;padding:16px 0;font-size:16px;border-radius:14px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:24px;color:#020617;letter-spacing:.5px;position:relative;overflow:hidden}.ai-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.ai-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 35px #38bdf859,0 5px 15px #8b5cf633;animation:gradientMove 2s ease infinite}.ai-btn:hover:before{left:100%}@keyframes gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ai-btn:disabled{background:linear-gradient(135deg,#334155,#1e293b);color:#64748b;cursor:not-allowed;transform:none;box-shadow:none}.loading-box{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;color:#94a3b8}.loading-spinner{width:60px;height:60px;border:3px solid rgba(56,189,248,.1);border-radius:50%;position:relative}.loading-spinner:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:3px solid transparent;border-top-color:#38bdf8;border-right-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner:after{content:"🤖";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:24px;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.loading-box p{font-size:15px;color:#38bdf8;animation:textPulse 1.5s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.6}}.result-card{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);padding:28px;border-radius:20px;border:1px solid rgba(56,189,248,.2);text-align:left;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#38bdf8,#8b5cf6,#38bdf8);background-size:200% 100%;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.result-card h3{margin-bottom:20px;color:#38bdf8;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.result-card h3:before{content:"✨";font-size:20px}.result-card img{width:100%;margin-top:16px;border-radius:14px;border:1px solid rgba(56,189,248,.2)}.suggestion-item{margin-top:20px;padding:20px;background:#0f172a99;border-radius:14px;border:1px solid rgba(148,163,184,.1)}.suggestion-text{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:14px;line-height:1.9;color:#e2e8f0;background:transparent;margin:0}.login-required{text-align:center;padding:40px 20px}.login-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,#38bdf826,#8b5cf626);display:flex;align-items:center;justify-content:center;font-size:36px;border:1px solid rgba(56,189,248,.3)}.login-required h3{font-size:20px;font-weight:600;color:#e2e8f0;margin-bottom:12px}.login-required>p{font-size:14px;color:#94a3b8;margin-bottom:28px;line-height:1.6}.login-btn{display:inline-block;padding:14px 48px;background:linear-gradient(135deg,#38bdf8,#0ea5e9,#8b5cf6);background-size:200% 200%;color:#020617;font-size:15px;font-weight:700;border-radius:12px;text-decoration:none;transition:all .3s ease;letter-spacing:.5px}.login-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #38bdf859,0 5px 15px #8b5cf633;animation:gradientMove 2s ease infinite}.signup-hint{margin-top:20px;font-size:13px;color:#64748b}.signup-hint a{color:#38bdf8;text-decoration:none;font-weight:500;transition:color .2s ease}.signup-hint a:hover{color:#0ea5e9;text-decoration:underline}@media (max-width: 640px){.ai-card{margin:20px 15px 0;padding:28px 20px 36px}.upload-label{min-height:180px}.preview-img{max-width:220px;max-height:220px}.result-card{padding:20px}}.resv-list-wrap{min-height:100vh;padding:100px 20px 40px;background:linear-gradient(135deg,#0f172a,#1e293b)}.resv-list-card{max-width:1000px;margin:0 auto;background:#1e293bcc;border-radius:16px;padding:32px;box-shadow:0 8px 32px #0000004d}.resv-list-header{text-align:center;margin-bottom:32px}.resv-list-header h2{color:#f8fafc;font-size:28px;margin-bottom:8px}.resv-list-header p{color:#94a3b8;font-size:15px}.resv-list-header b{color:#38bdf8}.loading-text,.no-login-text,.no-reservations,.search-guide{text-align:center;color:#94a3b8;font-size:16px;padding:40px 0}.guest-search-form{margin-bottom:24px}.search-inputs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.search-inputs input{padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#0f172acc;color:#f8fafc;font-size:14px;min-width:180px}.search-inputs input::placeholder{color:#64748b}.search-inputs input:focus{outline:none;border-color:#38bdf8}.search-inputs button{padding:12px 24px;border-radius:8px;border:none;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#020617;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.search-inputs button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #38bdf866}.search-inputs button:disabled{opacity:.6;cursor:not-allowed}.resv-table-wrap{overflow-x:auto}.resv-table{width:100%;border-collapse:collapse}.resv-table th,.resv-table td{padding:14px 12px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.resv-table th{background:#38bdf81a;color:#38bdf8;font-weight:600;font-size:14px}.resv-table td{color:#e2e8f0;font-size:14px}.resv-table tbody tr:hover{background:#ffffff08}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-confirmed{background:#22c55e33;color:#22c55e}.status-canceled{background:#ef444433;color:#ef4444}.status-completed{background:#38bdf833;color:#38bdf8}@media (max-width: 768px){.resv-list-card{padding:20px 16px}.resv-table th,.resv-table td{padding:10px 8px;font-size:12px}}.admin-header{margin-bottom:24px}.admin-header-top{display:flex;justify-content:space-between;align-items:flex-start}.admin-header .page-desc{margin-top:12px;font-size:14px;color:#9ca3af}.btn-add{padding:10px 20px;background:#38bdf8;color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-add:hover{background:#0ea5e9}.admin-form{background:#111827;border:1px solid #374151;border-radius:12px;padding:24px;margin-bottom:32px}.form-row{margin-bottom:16px}.form-row label{display:block;margin-bottom:6px;font-size:14px;color:#d1d5db}.form-row input,.form-row select{width:100%;padding:10px 12px;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#e5e7eb;font-size:14px}.form-row input::placeholder{color:#6b7280}.form-row input:focus,.form-row select:focus{outline:none;border-color:#38bdf8}.btn-submit{width:100%;padding:12px;background:#38bdf8;color:#000;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px}.btn-submit:hover{background:#0ea5e9}.admin-loading,.admin-empty{padding:60px 0;text-align:center;color:#9ca3af;font-size:15px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #374151}.admin-table th{background:#111827;color:#9ca3af;font-weight:500}.badge-yes{background:#34d39933;color:#34d399;padding:3px 8px;border-radius:999px;font-size:12px}.badge-no{background:#9ca3af33;color:#9ca3af;padding:3px 8px;border-radius:999px;font-size:12px}.product-page{background:#020617;min-height:100vh}.product-header{background:linear-gradient(135deg,#0f172a,#1e293b);padding:80px 20px 60px;text-align:center;border-bottom:1px solid rgba(148,163,184,.1)}.product-header-inner{max-width:1200px;margin:0 auto}.product-header h1{font-size:36px;font-weight:700;color:#fff;margin:0 0 16px}.product-header p{font-size:16px;color:#94a3b8;margin:0}.product-filter{background:#0f172a;padding:20px;border-bottom:1px solid rgba(148,163,184,.1);position:sticky;top:60px;z-index:10}.product-filter-inner{max-width:1200px;margin:0 auto;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.filter-btn{padding:10px 24px;background:#1e293b99;border:1px solid rgba(148,163,184,.2);border-radius:25px;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:#38bdf866;color:#e2e8f0}.filter-btn.active{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-color:transparent;color:#020617;font-weight:600}.product-container{padding:40px 20px 80px}.product-inner{max-width:1200px;margin:0 auto}.product-search-box{display:flex;gap:10px;margin-bottom:24px;padding:16px;background:#1e293b66;border-radius:12px;border:1px solid rgba(148,163,184,.15)}.product-search-input{flex:1;padding:12px 16px;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#f1f5f9;font-size:14px;transition:border-color .2s ease}.product-search-input:focus{outline:none;border-color:#38bdf880}.product-search-input::placeholder{color:#64748b}.product-search-btn{padding:12px 24px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:8px;color:#020617;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.product-search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}.product-loading,.product-empty{text-align:center;padding:80px 20px;color:#64748b;font-size:16px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-card{background:#1e293b66;border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,.15);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.product-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #38bdf81f;border-color:#38bdf84d}.product-image{position:relative;width:100%;aspect-ratio:1 / 1;background:#1e293b;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;padding:16px;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:14px;background:linear-gradient(135deg,#1e293b,#0f172a)}.product-discount-badge{position:absolute;top:12px;left:12px;padding:6px 12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:12px;font-weight:700;border-radius:20px}.product-recommended-badge{position:absolute;top:12px;right:12px;padding:6px 12px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#020617;font-size:11px;font-weight:600;border-radius:20px}.product-info{padding:20px}.product-code{display:inline-block;font-size:11px;font-weight:600;color:#38bdf8;background:#38bdf81a;padding:3px 8px;border-radius:4px;margin-bottom:8px;font-family:Consolas,Monaco,monospace;letter-spacing:.5px}.product-name{font-size:15px;font-weight:600;color:#f1f5f9;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-description{font-size:13px;color:#94a3b8;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-brand{font-size:12px;color:#64748b;margin:0 0 12px}.product-price-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-price{font-size:16px;font-weight:700;color:#fff}.product-original-price{font-size:13px;color:#64748b;text-decoration:line-through}.product-sale-price{font-size:16px;font-weight:700;color:#ef4444}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(2,1fr);gap:16px}.product-header h1{font-size:28px}.product-filter-inner{gap:8px}.filter-btn{padding:8px 16px;font-size:13px}.product-info{padding:16px}.product-name{font-size:14px}.product-search-box{flex-direction:column}.product-search-btn{width:100%}}@media (max-width: 480px){.product-grid{grid-template-columns:1fr}}.product-count{margin-bottom:20px;font-size:14px;color:#94a3b8}.product-count span{color:#38bdf8;font-weight:600}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:50px;padding:20px 0}.page-btn{min-width:40px;height:40px;padding:0 12px;background:#1e293b99;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.page-btn:hover:not(:disabled){border-color:#38bdf866;color:#e2e8f0;background:#38bdf81a}.page-btn.active{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-color:transparent;color:#020617;font-weight:600}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn.page-nav{font-size:16px;font-weight:600}@media (max-width: 768px){.pagination{gap:4px}.page-btn{min-width:36px;height:36px;padding:0 8px;font-size:13px}}.product-detail-page{background:#050810;min-height:100vh;padding-bottom:80px}.product-detail-loading{text-align:center;padding:100px 20px;color:#94a3b8}.product-breadcrumb{max-width:1200px;margin:0 auto;padding:20px;font-size:13px;color:#64748b}.product-breadcrumb span{cursor:pointer}.product-breadcrumb span:hover:not(.separator):not(.current){color:#38bdf8}.product-breadcrumb .separator{margin:0 8px;cursor:default}.product-breadcrumb .current{color:#e5e7eb;cursor:default}.product-detail-main{max-width:1200px;margin:0 auto;padding:0 20px 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.product-detail-images{position:sticky;top:80px;align-self:start}.main-image-container{position:relative;width:100%;aspect-ratio:1 / 1;background:radial-gradient(circle at top left,#1e293b,#020617);border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,.2)}.main-image{width:100%;height:100%;object-fit:contain}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:16px}.image-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#1e293be6;border:1px solid rgba(148,163,184,.3);border-radius:50%;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#e5e7eb}.image-nav:hover{background:#38bdf833;border-color:#38bdf8;box-shadow:0 4px 12px #38bdf833}.image-nav.prev{left:15px}.image-nav.next{right:15px}.thumbnail-list{display:flex;gap:10px;margin-top:15px;overflow-x:auto;padding-bottom:5px}.thumbnail{width:70px;height:70px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid rgba(148,163,184,.2);flex-shrink:0;background:radial-gradient(circle at top left,#1e293b,#020617);transition:border-color .2s}.thumbnail.active{border-color:#38bdf8}.thumbnail:hover:not(.active){border-color:#38bdf880}.thumbnail img{width:100%;height:100%;object-fit:contain}.product-detail-info{padding:30px;background:radial-gradient(circle at top left,#1e293b,#020617);border-radius:16px;border:1px solid rgba(148,163,184,.2)}.product-name{font-size:24px;font-weight:600;color:#fff;margin:0 0 15px;line-height:1.4}.product-short-desc{font-size:14px;color:#94a3b8;margin:0 0 25px;line-height:1.6}.product-price-section{padding:20px 0;border-top:1px solid rgba(148,163,184,.2);border-bottom:1px solid rgba(148,163,184,.2);margin-bottom:20px}.price-row{display:flex;align-items:center;gap:15px;margin-bottom:8px}.price-row:last-child{margin-bottom:0}.price-row .label{width:60px;font-size:14px;color:#64748b}.original-price{font-size:14px;color:#64748b;text-decoration:line-through}.normal-price{font-size:22px;font-weight:700;color:#fff}.price-row.sale .discount-rate{font-size:22px;font-weight:700;color:#38bdf8}.sale-price{font-size:22px;font-weight:700;color:#fff}.product-info-table{margin-bottom:25px}.info-row{display:flex;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.1);font-size:14px}.info-row .label{width:80px;color:#64748b;flex-shrink:0}.info-row .value{color:#e5e7eb}.info-row .value.product-code-value{color:#38bdf8;font-family:Consolas,Monaco,monospace;letter-spacing:.5px;font-weight:600}.product-stock-info{padding:15px 0}.product-stock-info .stock-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500}.product-stock-info .stock-badge.sold-out{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.product-stock-info .stock-badge.low-stock{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.product-stock-info .stock-badge.in-stock{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.product-quantity-section{display:flex;align-items:center;gap:20px;padding:20px 0;border-top:1px solid rgba(148,163,184,.2)}.quantity-label{font-size:14px;color:#64748b;width:60px}.quantity-control{display:flex;align-items:center;border:1px solid rgba(148,163,184,.3);border-radius:8px;overflow:hidden}.quantity-control button{width:36px;height:36px;background:#1e293bcc;border:none;font-size:18px;cursor:pointer;transition:background .2s;color:#e5e7eb}.quantity-control button:hover:not(:disabled){background:#38bdf833}.quantity-control button:disabled{color:#475569;cursor:not-allowed;background:#1e293b66}.quantity-control span{width:50px;text-align:center;font-size:15px;font-weight:500;color:#fff;background:#0f172a80}.product-total-section{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-top:2px solid rgba(56,189,248,.3);margin-top:20px}.total-label{font-size:16px;font-weight:500;color:#e5e7eb}.total-price{font-size:28px;font-weight:700;color:#38bdf8}.product-action-buttons{display:flex;gap:10px;margin-top:20px}.product-action-buttons button{flex:1;height:54px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.btn-cart{background:transparent;border:2px solid #38bdf8;color:#38bdf8}.btn-cart:hover:not(:disabled){background:#38bdf81a}.btn-cart:disabled{border-color:#475569;color:#475569;cursor:not-allowed}.btn-buy{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:2px solid transparent;color:#020617}.btn-buy:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #38bdf866}.btn-buy:disabled{background:#334155;color:#64748b;cursor:not-allowed}.product-detail-tabs{max-width:1200px;margin:40px auto 0;padding:40px 20px 0;border-top:1px solid rgba(148,163,184,.2)}.tab-header{display:flex;border-bottom:2px solid #38bdf8}.tab-btn{flex:1;padding:18px 20px;font-size:15px;font-weight:500;background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-bottom:none;cursor:pointer;transition:all .2s;color:#94a3b8}.tab-btn:not(:last-child){border-right:none}.tab-btn.active{background:#0f172acc;color:#38bdf8;border-color:#38bdf84d;border-bottom:2px solid rgba(15,23,42,.8);margin-bottom:-2px}.tab-btn:hover:not(.active){color:#e5e7eb;background:#1e293bb3}.sticky-tabs{position:sticky;top:60px;z-index:100;background:#050810;padding-top:10px}.tab-content{padding:40px 20px;min-height:300px;background:#0f172acc;border:1px solid rgba(148,163,184,.2);border-top:none;border-radius:0 0 12px 12px}.tab-content-all{background:#0f172acc;border:1px solid rgba(148,163,184,.2);border-top:none;border-radius:0 0 12px 12px}.tab-section{padding:40px 30px;border-bottom:1px solid rgba(148,163,184,.15);scroll-margin-top:120px}.tab-section:last-child{border-bottom:none}.section-title{font-size:20px;font-weight:600;color:#38bdf8;margin:0 0 25px;padding-bottom:15px;border-bottom:2px solid rgba(56,189,248,.3)}.tab-guide h4{font-size:16px;font-weight:600;color:#e5e7eb;margin:25px 0 15px}.tab-guide h4:first-child{margin-top:0}.tab-detail .detail-images{text-align:center;margin-bottom:30px}.tab-detail .detail-image{max-width:100%;height:auto;display:block;margin:0 auto 20px;border-radius:8px}.tab-detail .detail-content{font-size:15px;line-height:1.8;color:#e5e7eb}.tab-detail .detail-empty,.tab-review .review-empty,.tab-inquiry .inquiry-empty{text-align:center;padding:60px 20px;color:#64748b}.tab-guide h3{font-size:16px;font-weight:600;color:#38bdf8;margin:0 0 15px;padding-top:20px}.tab-guide h3:first-child{padding-top:0}.tab-guide ul{margin:0;padding-left:20px}.tab-guide li{font-size:14px;color:#94a3b8;line-height:2}.btn-inquiry{margin-top:20px;padding:12px 30px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#020617;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-inquiry:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf866}.review-header,.inquiry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(148,163,184,.2)}.review-header h3,.inquiry-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.btn-write-review,.btn-write-inquiry{padding:10px 20px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#020617;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-write-review:hover,.btn-write-inquiry:hover{transform:translateY(-2px);box-shadow:0 4px 15px #38bdf866}.review-form,.inquiry-form{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:24px;margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#e5e7eb;margin-bottom:8px}.form-group input[type=text],.form-group textarea{width:100%;padding:12px 16px;background:#0f172a99;border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#fff;font-size:14px;transition:border-color .2s}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#38bdf8}.form-group textarea{resize:vertical;min-height:100px}.form-group.checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer}.form-group.checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#38bdf8}.star-rating{display:flex;gap:8px}.star-rating .star{font-size:28px;color:#64748b;cursor:pointer;transition:color .2s}.star-rating .star.active,.star-rating .star:hover{color:#fbbf24}.btn-submit{width:100%;padding:14px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#020617;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 15px #38bdf866}.review-list{display:flex;flex-direction:column;gap:16px}.review-item{background:#1e293b66;border:1px solid rgba(148,163,184,.15);border-radius:12px;padding:20px}.review-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.review-rating{color:#fbbf24;font-size:16px;letter-spacing:2px}.review-author{font-size:14px;font-weight:500;color:#e5e7eb}.review-date{font-size:13px;color:#64748b}.review-content{font-size:14px;line-height:1.7;color:#94a3b8;margin:0}.btn-delete{padding:6px 12px;background:transparent;border:1px solid #ef4444;color:#ef4444;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;margin-left:auto}.btn-delete:hover{background:#ef44441a}.inquiry-list{display:flex;flex-direction:column;gap:12px}.inquiry-item{background:#1e293b66;border:1px solid rgba(148,163,184,.15);border-radius:12px;overflow:hidden}.inquiry-header-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;transition:background .2s}.inquiry-header-row:hover{background:#38bdf80d}.inquiry-info{display:flex;align-items:center;gap:12px;flex:1}.secret-badge{padding:4px 8px;background:#94a3b833;color:#94a3b8;font-size:11px;border-radius:4px}.inquiry-title{font-size:14px;color:#e5e7eb;flex:1}.answer-status{padding:4px 10px;background:#94a3b833;color:#94a3b8;font-size:12px;border-radius:20px}.answer-status.answered{background:#22c55e33;color:#22c55e}.inquiry-meta{display:flex;align-items:center;gap:12px}.inquiry-author{font-size:13px;color:#94a3b8}.inquiry-date{font-size:13px;color:#64748b}.inquiry-detail{padding:20px;background:#0f172a66;border-top:1px solid rgba(148,163,184,.1)}.inquiry-content{font-size:14px;line-height:1.7;color:#e5e7eb;margin-bottom:16px}.inquiry-content strong{color:#38bdf8;margin-right:8px}.inquiry-answer{font-size:14px;line-height:1.7;color:#94a3b8;padding:16px;background:#38bdf80d;border-radius:8px;border-left:3px solid #38bdf8}.inquiry-answer strong{color:#38bdf8;margin-right:8px}.answer-date{display:block;font-size:12px;color:#64748b;margin-top:8px}@media (max-width: 900px){.product-detail-main{grid-template-columns:1fr;gap:30px}.product-detail-images{position:static}.product-name{font-size:20px}.tab-btn{padding:14px 10px;font-size:13px}}@media (max-width: 600px){.product-detail-main{padding:0 15px 40px}.thumbnail{width:60px;height:60px}.product-action-buttons{flex-direction:column}.product-action-buttons button{width:100%}.tab-header{flex-wrap:wrap}.tab-btn{flex:1 1 50%}}.comment-count{font-size:12px;color:#64748b;padding:2px 8px;background:#94a3b81a;border-radius:12px}.comment-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(148,163,184,.15)}.comment-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.comment-item{padding:12px 16px;background:#0f172a80;border-radius:8px;border-left:3px solid rgba(148,163,184,.3)}.comment-item.admin-comment{background:#38bdf814;border-left-color:#38bdf8}.comment-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.comment-author{font-size:13px;font-weight:500;color:#e5e7eb;display:flex;align-items:center;gap:6px}.admin-badge{padding:2px 6px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#020617;font-size:10px;font-weight:600;border-radius:4px}.comment-date{font-size:12px;color:#64748b}.comment-content{font-size:14px;line-height:1.6;color:#94a3b8;margin:0}.btn-delete-comment{padding:4px 8px;background:transparent;border:1px solid #ef4444;color:#ef4444;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s;margin-left:auto}.btn-delete-comment:hover{background:#ef44441a}.comment-form{display:flex;gap:10px}.comment-form input{flex:1;padding:10px 14px;background:#0f172a99;border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#fff;font-size:14px;transition:border-color .2s}.comment-form input:focus{outline:none;border-color:#38bdf8}.comment-form button{padding:10px 20px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#020617;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.comment-form button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #38bdf84d}.cart-page{background:#050810;min-height:100vh;padding:100px 20px 80px}.cart-container{max-width:1200px;margin:0 auto}.cart-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(56,189,248,.3)}.cart-loading{text-align:center;padding:100px 20px;color:#94a3b8}.cart-empty{text-align:center;padding:80px 20px;background:#0f172a99;border-radius:16px;border:1px solid rgba(148,163,184,.2)}.cart-empty .empty-icon{width:80px;height:80px;margin:0 auto 20px;color:#64748b}.cart-empty .empty-icon svg{width:100%;height:100%}.cart-empty p{font-size:18px;color:#94a3b8;margin-bottom:30px}.btn-shop{padding:14px 40px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#020617;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-shop:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf866}.cart-content{display:grid;grid-template-columns:1fr 350px;gap:30px;align-items:start}.cart-main{background:#0f172a99;border-radius:16px;border:1px solid rgba(148,163,184,.2);overflow:hidden}.cart-select-all{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#1e293b80;border-bottom:1px solid rgba(148,163,184,.15)}.checkbox-label{display:flex;align-items:center;gap:10px;color:#e5e7eb;font-size:14px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#38bdf8;cursor:pointer}.btn-clear{padding:8px 16px;background:transparent;border:1px solid rgba(148,163,184,.3);color:#94a3b8;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.btn-clear:hover{border-color:#ef4444;color:#ef4444}.cart-items{padding:0}.cart-item{display:flex;align-items:center;gap:20px;padding:24px;border-bottom:1px solid rgba(148,163,184,.1)}.cart-item:last-child{border-bottom:none}.item-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#38bdf8;cursor:pointer}.item-image{width:100px;height:100px;border-radius:8px;overflow:hidden;background:radial-gradient(circle at top left,#1e293b,#020617);flex-shrink:0;cursor:pointer}.item-image img{width:100%;height:100%;object-fit:contain}.item-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:12px}.item-info{flex:1;min-width:0}.item-name{font-size:16px;font-weight:500;color:#fff;margin:0 0 10px;cursor:pointer;transition:color .2s}.item-name:hover{color:#38bdf8}.item-price{display:flex;align-items:center;gap:10px}.item-price .original-price{font-size:13px;color:#64748b;text-decoration:line-through}.item-price .sale-price{font-size:15px;font-weight:600;color:#38bdf8}.item-price .normal-price{font-size:15px;font-weight:600;color:#e5e7eb}.stock-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-top:8px}.stock-badge.sold-out{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.stock-badge.low-stock{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.item-quantity{display:flex;align-items:center;border:1px solid rgba(148,163,184,.3);border-radius:8px;overflow:hidden}.item-quantity button{width:32px;height:32px;background:#1e293bcc;border:none;font-size:16px;color:#e5e7eb;cursor:pointer;transition:background .2s}.item-quantity button:hover:not(:disabled){background:#38bdf833}.item-quantity button:disabled{color:#475569;cursor:not-allowed;background:#1e293b66}.item-quantity span{width:40px;text-align:center;font-size:14px;font-weight:500;color:#fff;background:#0f172a80}.item-total{width:100px;text-align:right}.item-total span{font-size:16px;font-weight:600;color:#fff}.item-remove{width:32px;height:32px;background:transparent;border:1px solid rgba(148,163,184,.3);border-radius:50%;font-size:20px;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.item-remove:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.cart-summary{background:#0f172a99;border-radius:16px;border:1px solid rgba(148,163,184,.2);padding:24px;position:sticky;top:100px}.cart-summary h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 20px;padding-bottom:15px;border-bottom:1px solid rgba(148,163,184,.2)}.summary-row{display:flex;justify-content:space-between;padding:12px 0;font-size:14px;color:#94a3b8}.free-shipping-notice{padding:12px;background:#38bdf81a;border-radius:8px;font-size:13px;color:#38bdf8;text-align:center;margin:10px 0}.summary-total{display:flex;justify-content:space-between;padding:20px 0;margin-top:10px;border-top:2px solid rgba(56,189,248,.3);font-size:16px;font-weight:600;color:#fff}.summary-total .total-price{font-size:24px;color:#38bdf8}.btn-checkout{width:100%;padding:16px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#020617;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:15px}.btn-checkout:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #38bdf866}.btn-checkout:disabled{background:#334155;color:#64748b;cursor:not-allowed}.btn-continue{width:100%;padding:14px;background:transparent;border:1px solid rgba(148,163,184,.3);color:#94a3b8;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;margin-top:10px}.btn-continue:hover{border-color:#38bdf8;color:#38bdf8}@media (max-width: 900px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{flex-wrap:wrap;gap:15px}.item-info{flex-basis:calc(100% - 140px)}.item-quantity,.item-total{flex-basis:auto}}@media (max-width: 600px){.cart-title{font-size:22px}.cart-item{padding:16px}.item-image{width:80px;height:80px}.item-name{font-size:14px}.summary-total .total-price{font-size:20px}}.mypage-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);min-height:calc(100vh - 80px);padding:40px 0}.mypage-container{display:flex;max-width:1200px;margin:0 auto;padding:0 20px;gap:40px}.mypage-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:16px;color:#94a3b8}.mypage-sidebar{width:240px;flex-shrink:0}.mypage-user-info{text-align:center;padding:30px 20px;background:linear-gradient(145deg,#1e293b,#334155);border-radius:16px;margin-bottom:20px;border:1px solid rgba(148,163,184,.1)}.user-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,#334155,#475569);border:3px solid rgba(148,163,184,.2);box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.user-avatar svg{width:36px;height:36px;color:#94a3b8}.user-name{font-size:20px;font-weight:600;color:#f1f5f9;margin-bottom:5px}.user-id{font-size:14px;color:#94a3b8}.mypage-nav{display:flex;flex-direction:column;gap:4px}.mypage-nav button{padding:14px 20px;border:none;background:transparent;text-align:left;font-size:15px;color:#94a3b8;cursor:pointer;border-radius:10px;transition:all .2s ease}.mypage-nav button:hover{background:#94a3b81a;color:#f1f5f9}.mypage-nav button.active{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-weight:500}.mypage-content{flex:1;min-width:0}.mypage-section{background:linear-gradient(145deg,#1e293b,#334155);border-radius:16px;padding:30px;border:1px solid rgba(148,163,184,.1);box-shadow:0 4px 20px #0000004d}.mypage-section h2{font-size:22px;font-weight:600;margin-bottom:25px;color:#f1f5f9}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-header h2{margin-bottom:0}.btn-edit{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.btn-edit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.profile-info{display:flex;flex-direction:column;gap:16px}.info-row{display:flex;padding:16px 0;border-bottom:1px solid rgba(148,163,184,.1)}.info-row:last-child{border-bottom:none}.info-row .label{width:120px;color:#94a3b8;font-size:14px}.info-row .value{flex:1;color:#f1f5f9;font-size:15px}.profile-form{display:flex;flex-direction:column;gap:20px}.profile-form .form-group{display:flex;flex-direction:column;gap:8px}.profile-form label{font-size:14px;font-weight:500;color:#94a3b8}.profile-form input,.profile-form select{padding:12px 14px;border:1px solid rgba(148,163,184,.2);border-radius:8px;font-size:15px;transition:border-color .2s;background:#0f172a;color:#f1f5f9}.profile-form input:focus{outline:none;border-color:#3b82f6}.profile-form input:disabled{background:#1e293b;color:#64748b}.form-hint{font-size:12px;color:#64748b}.address-row{display:flex;gap:10px}.address-row input{flex:1}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{padding:12px 24px;background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2);border-radius:8px;cursor:pointer;font-size:14px}.btn-secondary:hover{background:#94a3b833;color:#f1f5f9}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-pending{background:#fff3cd;color:#856404}.status-confirmed{background:#cce5ff;color:#004085}.status-done{background:#d4edda;color:#155724}.status-canceled{background:#f8d7da;color:#721c24}.reservation-list{display:flex;flex-direction:column;gap:16px}.reservation-card{border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:20px;background:#0f172a80;transition:all .2s}.reservation-card:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #0003}.reservation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.reservation-date{font-size:14px;color:#94a3b8}.reservation-body{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.reservation-info{display:flex;flex-direction:column;gap:4px}.reservation-info .label{font-size:12px;color:#64748b}.reservation-info .value{font-size:15px;color:#f1f5f9}.reservation-info .value.price{font-weight:600;color:#60a5fa}.service-list{display:flex;flex-direction:column;gap:12px}.service-card{display:flex;gap:20px;padding:20px;background:#0f172a80;border:1px solid rgba(148,163,184,.1);border-radius:12px}.service-date{min-width:100px;font-size:14px;color:#94a3b8}.service-info h4{font-size:16px;font-weight:600;margin-bottom:6px;color:#f1f5f9}.service-info p{font-size:14px;color:#94a3b8;margin-bottom:4px}.service-price{font-weight:600;color:#667eea!important}.order-list{display:flex;flex-direction:column;gap:20px}.order-card{border:1px solid #eee;border-radius:12px;overflow:hidden}.order-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9f9f9}.order-number{font-size:14px;font-weight:500}.order-date{padding:12px 20px;font-size:13px;color:#888;border-bottom:1px solid #eee}.order-items{padding:16px 20px}.order-item{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid #f5f5f5}.order-item:last-child{border-bottom:none}.order-item img{width:60px;height:60px;object-fit:cover;border-radius:8px}.item-info{flex:1;display:flex;flex-direction:column;gap:4px}.item-name{font-size:15px;font-weight:500}.item-qty{font-size:13px;color:#888}.item-price{font-size:14px;font-weight:600}.order-total{padding:16px 20px;text-align:right;background:#f9f9f9;font-size:15px}.order-total strong{font-size:18px;color:#1a1a1a}.ai-result-list{display:flex;flex-direction:column;gap:20px}.ai-result-card{border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:20px;background:#0f172a80}.ai-result-date{font-size:13px;color:#94a3b8;margin-bottom:16px}.ai-uploaded-img{width:150px;height:150px;object-fit:cover;border-radius:12px;margin-bottom:16px}.ai-result-message{font-size:15px;line-height:1.6;color:#f1f5f9;margin-bottom:16px}.ai-suggestions h4{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:10px}.ai-suggestions pre{background:#0f172ab3;border:1px solid rgba(148,163,184,.1);padding:16px;border-radius:8px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:#e2e8f0}.ai-suggestions .suggestion-item{margin-bottom:12px}.ai-suggestions .suggestion-item:last-child{margin-bottom:0}.ai-suggestions .suggestion-item pre{margin:0}.posts-section{margin-bottom:30px}.posts-section:last-child{margin-bottom:0}.posts-section h3{font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.1);color:#f1f5f9}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.post-card{cursor:pointer;border-radius:12px;overflow:hidden;background:#0f172a80;border:1px solid rgba(148,163,184,.1);transition:all .2s}.post-card:hover{transform:translateY(-4px)}.post-card img{width:100%;aspect-ratio:1;object-fit:cover}.post-info{padding:12px}.post-title{display:block;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1f5f9}.post-date{font-size:12px;color:#64748b}.review-list,.inquiry-list{display:flex;flex-direction:column;gap:12px}.review-item,.inquiry-item{padding:16px;background:#0f172a80;border:1px solid rgba(148,163,184,.1);border-radius:10px;cursor:pointer;transition:all .2s}.review-item:hover,.inquiry-item:hover{border-color:#3b82f64d;background:#1e293bcc}.review-header,.inquiry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.product-name{font-size:14px;font-weight:500;color:#f1f5f9}.rating{color:#fbbf24;font-size:14px}.review-content,.inquiry-content{font-size:14px;color:#94a3b8;line-height:1.5;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.review-date,.inquiry-date{font-size:12px;color:#64748b}.answer-badge{padding:4px 10px;border-radius:12px;font-size:11px;background:#fff3cd;color:#856404}.answer-badge.answered{background:#d4edda;color:#155724}.empty-message{text-align:center;padding:60px 20px;color:#94a3b8;font-size:15px}.empty-message.small{padding:30px 20px;font-size:14px}.btn-link{display:inline-block;margin-top:16px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.btn-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}@media (max-width: 768px){.mypage-container{flex-direction:column;padding:20px 16px;gap:20px}.mypage-sidebar{width:100%}.mypage-nav{flex-direction:row;flex-wrap:wrap;gap:8px}.mypage-nav button{flex:1;min-width:calc(50% - 4px);text-align:center;padding:12px 10px;font-size:13px}.mypage-section{padding:20px}.reservation-body{grid-template-columns:1fr}.address-row{flex-direction:column}.posts-grid{grid-template-columns:repeat(2,1fr)}}.admin-layout{display:flex;min-height:100vh;background:#0f172a}.admin-sidebar{width:220px;background:#1e293b;border-right:1px solid #334155;position:fixed;top:60px;left:0;bottom:0;overflow-y:auto}.admin-sidebar-header{padding:24px 20px;border-bottom:1px solid #334155}.admin-sidebar-header h2{font-size:18px;color:#38bdf8;margin:0}.admin-nav{display:flex;flex-direction:column;padding:12px 0}.admin-nav-link{padding:14px 20px;color:#94a3b8;text-decoration:none;font-size:14px;border-left:3px solid transparent;transition:all .2s}.admin-nav-link:hover{background:#38bdf81a;color:#e2e8f0}.admin-nav-link.active{background:#38bdf826;color:#38bdf8;border-left-color:#38bdf8}.admin-main{flex:1;margin-left:220px;padding:30px;min-height:calc(100vh - 60px)}.admin-page-header{margin-bottom:24px}.admin-page-header h1{font-size:24px;color:#e2e8f0;margin:0 0 8px}.admin-page-header p{color:#94a3b8;font-size:14px;margin:0}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-search{display:flex;gap:10px}.admin-search input{padding:10px 14px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:14px;width:250px}.admin-search input::placeholder{color:#64748b}.admin-search input:focus{outline:none;border-color:#38bdf8}.btn-primary{padding:10px 18px;background:#38bdf8;color:#0f172a;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#0ea5e9}.btn-secondary{padding:8px 14px;background:transparent;color:#94a3b8;border:1px solid #475569;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#334155;color:#e2e8f0}.btn-danger{padding:8px 14px;background:transparent;color:#f87171;border:1px solid #f87171;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#f871711a}.btn-success{padding:8px 14px;background:transparent;color:#4ade80;border:1px solid #4ade80;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.btn-success:hover{background:#4ade801a}.admin-table-container{background:#1e293b;border-radius:10px;overflow:hidden;border:1px solid #334155}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #334155}.admin-table th{background:#0f172a;color:#94a3b8;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-table td{color:#e2e8f0;font-size:14px}.admin-table tbody tr:hover{background:#38bdf80d}.admin-table tbody tr:last-child td{border-bottom:none}.admin-actions{display:flex;gap:8px}.status-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.status-requested{background:#fbbf2433;color:#fbbf24}.status-confirmed{background:#4ade8033;color:#4ade80}.status-canceled{background:#f8717133;color:#f87171}.status-done{background:#94a3b833;color:#94a3b8}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-modal{background:#1e293b;border-radius:12px;padding:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid #334155}.admin-modal h2{margin:0 0 20px;font-size:20px;color:#e2e8f0}.admin-form-group{margin-bottom:16px}.admin-form-group label{display:block;margin-bottom:6px;font-size:14px;color:#94a3b8}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{width:100%;padding:10px 12px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:14px}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{outline:none;border-color:#38bdf8}.admin-form-group textarea{min-height:100px;resize:vertical}.admin-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.admin-loading,.admin-empty{text-align:center;padding:60px 20px;color:#64748b}.admin-filter{display:flex;gap:10px}.admin-select{padding:10px 14px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:14px;min-width:180px;cursor:pointer}.admin-select:focus{outline:none;border-color:#38bdf8}.admin-stats{color:#94a3b8;font-size:14px}.member-badge{display:inline-block;margin-left:6px;padding:2px 6px;background:#38bdf833;color:#38bdf8;font-size:11px;border-radius:4px}.schedule-stats{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.stat-item{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:16px 24px;display:flex;flex-direction:column;gap:4px;min-width:120px}.stat-item .stat-label{color:#94a3b8;font-size:13px}.stat-item .stat-value{color:#e2e8f0;font-size:24px;font-weight:600}.stat-item.requested .stat-value{color:#f59e0b}.stat-item.confirmed .stat-value{color:#10b981}.stat-item.done .stat-value{color:#6b7280}.stat-item.canceled .stat-value{color:#ef4444}.calendar-container{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;margin-bottom:20px}.calendar-nav{display:flex;align-items:center;gap:16px;margin-bottom:20px}.calendar-title{font-size:20px;color:#e2e8f0;margin:0;flex:1;text-align:center}.calendar-header-row{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:1px}.calendar-header-cell{padding:12px 8px;text-align:center;font-size:13px;font-weight:500;color:#94a3b8;background:#0f172a}.calendar-header-cell.sunday{color:#f87171}.calendar-header-cell.saturday{color:#60a5fa}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#334155}.calendar-cell{background:#1e293b;min-height:160px;padding:8px;display:flex;flex-direction:column}.calendar-cell.empty{background:#0f172a}.calendar-cell.today{background:#38bdf81a}.calendar-cell.sunday .calendar-date{color:#f87171}.calendar-cell.saturday .calendar-date{color:#60a5fa}.calendar-date{font-size:14px;font-weight:500;color:#e2e8f0;margin-bottom:6px}.calendar-events{display:flex;flex-direction:column;gap:3px;flex:1}.calendar-event{background:#0f172acc;border-left:3px solid #38bdf8;padding:4px 6px;border-radius:0 4px 4px 0;font-size:11px;display:flex;gap:4px;align-items:center;cursor:pointer;transition:background .2s}.calendar-event:hover{background:#0f172a}.event-time{color:#94a3b8;font-weight:500}.event-name{color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-designer{color:#38bdf8;font-size:10px;margin-left:auto}.calendar-more{font-size:11px;color:#38bdf8;padding:4px 6px;cursor:pointer;background:#38bdf81a;border-radius:4px;margin-top:2px;flex-shrink:0}.calendar-more:hover{background:#38bdf833}.schedule-modal{max-width:600px}.schedule-modal-list{max-height:400px;overflow-y:auto;margin:16px 0}.schedule-modal-item{display:flex;gap:16px;padding:12px;background:#0f172a;border-radius:8px;margin-bottom:8px;border-left:3px solid #38bdf8}.schedule-modal-time{font-size:16px;font-weight:600;color:#38bdf8;min-width:60px}.schedule-modal-info{flex:1}.schedule-modal-customer{font-size:15px;color:#e2e8f0;display:flex;align-items:center;gap:8px;margin-bottom:4px}.schedule-modal-details{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#94a3b8}.schedule-modal-details span{display:inline-block}.calendar-legend{display:flex;gap:20px;padding:16px;background:#1e293b;border:1px solid #334155;border-radius:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8}.legend-color{width:12px;height:12px;border-radius:2px}.designer-cell{display:flex;align-items:center;gap:10px}.designer-thumb{width:32px;height:32px;border-radius:50%;object-fit:cover}.text-ellipsis{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px}.detail-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #334155}.detail-title{display:flex;align-items:center;gap:12px}.detail-title h2{margin:0;font-size:24px;color:#e2e8f0}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:13px;color:#94a3b8;font-weight:500}.detail-item span{font-size:15px;color:#e2e8f0}.detail-item .price{font-size:18px;font-weight:600;color:#38bdf8}.detail-actions{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #334155}.action-buttons{display:flex;gap:10px}.admin-table tbody tr.clickable{cursor:pointer}.admin-table tbody tr.clickable:hover{background:#38bdf81a}@media (max-width: 768px){.admin-sidebar{width:60px}.admin-sidebar-header h2,.admin-nav-link span{display:none}.admin-main{margin-left:60px}.calendar-cell{min-height:80px;padding:4px}.calendar-event{font-size:10px;padding:2px 4px}.schedule-stats{gap:8px}.stat-item{padding:12px 16px;min-width:100px}.detail-grid{grid-template-columns:1fr}.detail-actions{flex-direction:column;gap:16px}}.sales-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.sales-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px}.sales-card.primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none}.sales-card.primary .sales-card-label{color:#ffffffe6}.sales-card.primary .sales-card-value{color:#fff}.sales-card.primary .sales-card-sub{color:#ffffffb3}.sales-card-label{font-size:13px;color:#94a3b8;margin-bottom:8px}.sales-card-value{font-size:24px;font-weight:700;color:#e2e8f0;margin-bottom:4px}.sales-card-sub{font-size:12px;color:#64748b}.sales-section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;margin-bottom:20px}.sales-section h2{font-size:16px;color:#e2e8f0;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #334155}.sales-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.sales-chart{display:flex;align-items:flex-end;gap:8px;height:200px;padding:20px 0}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:70%;background:#334155;border-radius:4px 4px 0 0;min-height:4px;transition:all .3s}.chart-bar.active{background:linear-gradient(180deg,#38bdf8,#0ea5e9)}.chart-bar:hover{background:#475569}.chart-bar.active:hover{background:linear-gradient(180deg,#7dd3fc,#38bdf8)}.chart-label{font-size:12px;color:#94a3b8;margin-top:8px}.chart-value{font-size:11px;color:#64748b;margin-top:4px}.line-chart-container{width:100%;background:#0f172a;border-radius:12px;padding:20px;overflow-x:auto}.line-chart-svg{width:100%;min-width:600px;height:auto}.horizontal-bar-chart{display:flex;flex-direction:column;gap:12px}.bar-chart-row{display:flex;align-items:center;gap:12px}.bar-chart-label{display:flex;align-items:center;gap:8px;min-width:100px;flex-shrink:0}.bar-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#334155;border-radius:50%;font-size:12px;font-weight:700;color:#f472b6}.bar-chart-row:nth-child(1) .bar-rank{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff}.bar-chart-row:nth-child(2) .bar-rank{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.bar-chart-row:nth-child(3) .bar-rank{background:linear-gradient(135deg,#cd7f32,#b8860b);color:#fff}.bar-name{font-size:14px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.bar-chart-track{flex:1;height:24px;background:#1e293b;border-radius:12px;overflow:hidden}.bar-chart-fill{height:100%;background:linear-gradient(90deg,#f472b6,#ec4899);border-radius:12px;transition:width .5s ease-out;min-width:4px}.bar-chart-value{display:flex;flex-direction:column;align-items:flex-end;min-width:70px;flex-shrink:0}.bar-amount{font-size:14px;font-weight:700;color:#f472b6}.bar-count{font-size:11px;color:#64748b}.sales-list{display:flex;flex-direction:column;gap:8px}.sales-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0f172a;border-radius:8px}.sales-list-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#334155;border-radius:50%;font-size:13px;font-weight:600;color:#94a3b8}.sales-list-item:nth-child(1) .sales-list-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.sales-list-item:nth-child(2) .sales-list-rank{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.sales-list-item:nth-child(3) .sales-list-rank{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.sales-list-info{flex:1}.sales-list-name{font-size:14px;color:#e2e8f0;font-weight:500}.sales-list-count{font-size:12px;color:#64748b;margin-top:2px}.sales-list-amount{font-size:15px;font-weight:600;color:#38bdf8}.sales-empty{text-align:center;padding:40px 20px;color:#64748b;font-size:14px}@media (max-width: 1200px){.sales-summary{grid-template-columns:repeat(2,1fr)}.sales-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sales-summary{grid-template-columns:1fr}.sales-chart{height:150px}.chart-bar-container{min-width:0}}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:24px;padding:16px;background:#1e293b;border-radius:12px;border:1px solid #334155}.pagination-btn{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #334155;border-radius:8px;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#38bdf81a;border-color:#38bdf8;color:#38bdf8}.pagination-btn.active{background:#38bdf8;border-color:#38bdf8;color:#0f172a;font-weight:600}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{margin-left:16px;font-size:14px;color:#64748b}.status-filter-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.status-tab{padding:10px 16px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#94a3b8;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.status-tab:hover{background:#334155;color:#e2e8f0}.status-tab.active{background:#38bdf8;border-color:#38bdf8;color:#0f172a;font-weight:600}.status-tab.requested.active{background:#fbbf24;border-color:#fbbf24}.status-tab.confirmed.active{background:#4ade80;border-color:#4ade80}.status-tab.done.active{background:#94a3b8;border-color:#94a3b8}.status-tab.canceled.active{background:#f87171;border-color:#f87171}.tab-count{background:#0003;padding:2px 8px;border-radius:10px;font-size:12px}.status-tab.active .tab-count{background:#00000026}.reservation-filters{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;margin-bottom:20px}.filter-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;color:#94a3b8;font-weight:500}.filter-group.search-group{flex:1;min-width:250px}.search-input-wrapper{display:flex;gap:8px}.admin-input{padding:10px 14px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:14px;flex:1}.admin-input:focus{outline:none;border-color:#38bdf8}.admin-input::placeholder{color:#64748b}.btn-search{padding:10px 18px;background:#38bdf8;color:#0f172a;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-search:hover{background:#0ea5e9}.reservation-table tbody tr.status-row-requested{border-left:3px solid #fbbf24}.reservation-table tbody tr.status-row-confirmed{border-left:3px solid #4ade80}.reservation-table tbody tr.status-row-done{border-left:3px solid #94a3b8}.reservation-table tbody tr.status-row-canceled{border-left:3px solid #f87171;opacity:.7}@media (max-width: 768px){.status-filter-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.status-tab{flex-shrink:0;padding:8px 12px;font-size:13px}.filter-row{flex-direction:column}.filter-group{width:100%}.filter-group.search-group{min-width:auto}}.member-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.summary-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;text-align:center}.summary-card.vip{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none}.summary-card.vip .summary-value,.summary-card.vip .summary-label{color:#0f172a}.summary-card.admin{background:linear-gradient(135deg,#4ade80,#22c55e);border:none}.summary-card.admin .summary-value,.summary-card.admin .summary-label{color:#0f172a}.summary-value{font-size:32px;font-weight:700;color:#e2e8f0}.summary-label{font-size:13px;color:#94a3b8;margin-top:4px}.member-filters{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px 20px;margin-bottom:20px}.filter-tabs{display:flex;gap:8px}.filter-tab{padding:8px 16px;background:transparent;border:1px solid #334155;border-radius:6px;color:#94a3b8;font-size:14px;cursor:pointer;transition:all .2s}.filter-tab:hover{background:#334155;color:#e2e8f0}.filter-tab.active{background:#38bdf8;border-color:#38bdf8;color:#0f172a;font-weight:600}.filter-tab.vip.active{background:#fbbf24;border-color:#fbbf24}.member-table tbody tr.vip-row{background:#fbbf240d}.member-info-cell{display:flex;align-items:center;gap:12px}.member-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0}.member-avatar.large{width:60px;height:60px;font-size:24px}.member-details{display:flex;flex-direction:column;gap:2px}.member-name{font-weight:500;color:#e2e8f0;display:flex;align-items:center;gap:8px}.member-username{font-size:12px;color:#64748b}.vip-badge{display:inline-flex;align-items:center;padding:2px 8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;font-size:10px;font-weight:700;border-radius:10px;text-transform:uppercase}.contact-cell{display:flex;flex-direction:column;gap:2px}.sub-text{font-size:12px;color:#64748b}.visit-count{font-weight:600;color:#38bdf8}.spending-amount{font-weight:600;color:#e2e8f0}.spending-amount.vip{color:#fbbf24}.member-detail-modal{max-width:600px}.member-detail-header{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #334155;margin-bottom:20px}.member-detail-info h2{margin:0;display:flex;align-items:center;gap:10px}.member-detail-info p{margin:4px 0 0;color:#64748b}.member-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stat-box{background:#0f172a;border-radius:8px;padding:16px;text-align:center}.stat-box-value{font-size:20px;font-weight:700;color:#38bdf8}.stat-box-label{font-size:12px;color:#64748b;margin-top:4px}.member-detail-section{margin-bottom:20px}.member-detail-section h3{font-size:14px;color:#94a3b8;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #334155}.detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:14px;color:#e2e8f0}.detail-info-grid .full-width{grid-column:1 / -1}.detail-info-grid strong{color:#94a3b8}.visit-history-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.empty-history{text-align:center;padding:30px;color:#64748b}.visit-history-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0f172a;border-radius:8px}.visit-date{font-size:12px;color:#64748b;min-width:140px}.visit-info{flex:1;display:flex;gap:8px}.visit-service{font-weight:500;color:#e2e8f0}.visit-designer{color:#38bdf8;font-size:13px}.visit-price{font-weight:600;color:#4ade80;min-width:80px;text-align:right}@media (max-width: 768px){.member-summary-cards{grid-template-columns:repeat(2,1fr)}.member-stats-grid{grid-template-columns:1fr}.visit-history-item{flex-wrap:wrap}}.designer-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.summary-card.primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none}.summary-card.primary .summary-value,.summary-card.primary .summary-label{color:#0f172a}.designer-filters{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px 20px;margin-bottom:20px}.designer-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.designer-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.designer-card:hover{border-color:#38bdf8;transform:translateY(-2px)}.designer-card-header{display:flex;gap:16px;margin-bottom:16px}.designer-profile{flex-shrink:0}.designer-avatar-img{width:60px;height:60px;border-radius:50%;object-fit:cover}.designer-avatar-placeholder{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600}.designer-info h3{margin:0 0 4px;font-size:18px;color:#e2e8f0}.designer-position{display:block;font-size:13px;color:#38bdf8;margin-bottom:2px}.designer-branch{display:block;font-size:12px;color:#64748b}.designer-card-stats{display:flex;flex-direction:column;gap:8px;padding:12px;background:#0f172a;border-radius:8px;margin-bottom:16px}.stat-item-inline{display:flex;justify-content:space-between;align-items:center}.stat-label-sm{font-size:12px;color:#64748b}.stat-value-sm{font-size:14px;font-weight:600;color:#e2e8f0}.stat-value-sm.primary{color:#38bdf8}.designer-card-actions{display:flex;gap:8px}.designer-card-actions button{flex:1}.designer-detail-modal{max-width:650px}.designer-detail-header{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid #334155;margin-bottom:20px}.designer-detail-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.designer-detail-avatar.placeholder{background:linear-gradient(135deg,#38bdf8,#0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:600}.designer-detail-info h2{margin:0}.designer-detail-info p{margin:4px 0 0;color:#64748b}.designer-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.designer-detail-section{margin-bottom:20px}.designer-detail-section h3{font-size:14px;color:#94a3b8;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #334155}.monthly-chart{display:flex;gap:12px;height:150px;align-items:flex-end;padding:16px;background:#0f172a;border-radius:8px}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.chart-bar-vertical{width:100%;max-width:40px;background:linear-gradient(180deg,#38bdf8,#0ea5e9);border-radius:4px 4px 0 0;min-height:4px;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;transition:height .3s ease}.chart-value-sm{font-size:10px;color:#0f172a;font-weight:600;white-space:nowrap}.chart-label-sm{font-size:11px;color:#64748b;margin-top:8px}.recent-reservations-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.reservation-item-mini{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0f172a;border-radius:6px;font-size:13px}.res-date{color:#64748b;min-width:100px}.res-customer{color:#e2e8f0;font-weight:500;min-width:60px}.res-service{color:#94a3b8;flex:1}.res-price{color:#4ade80;font-weight:600;min-width:70px;text-align:right}.status-badge-sm{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.status-badge-sm.status-requested{background:#fbbf2433;color:#fbbf24}.status-badge-sm.status-confirmed{background:#4ade8033;color:#4ade80}.status-badge-sm.status-done{background:#94a3b833;color:#94a3b8}.status-badge-sm.status-canceled{background:#f8717133;color:#f87171}@media (max-width: 768px){.designer-summary-cards{grid-template-columns:repeat(2,1fr)}.designer-cards-grid,.designer-stats-grid{grid-template-columns:1fr}.monthly-chart{height:120px}.reservation-item-mini{flex-wrap:wrap}}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.dashboard-stat-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.dashboard-stat-card.primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none}.dashboard-stat-card.warning{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none}.dashboard-stat-card.success{background:linear-gradient(135deg,#4ade80,#22c55e);border:none}.dashboard-stat-card.info{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none}.dashboard-stat-card.primary .stat-content .stat-value,.dashboard-stat-card.primary .stat-content .stat-label,.dashboard-stat-card.warning .stat-content .stat-value,.dashboard-stat-card.warning .stat-content .stat-label,.dashboard-stat-card.success .stat-content .stat-value,.dashboard-stat-card.success .stat-content .stat-label,.dashboard-stat-card.info .stat-content .stat-value,.dashboard-stat-card.info .stat-content .stat-label{color:#0f172a}.dashboard-stat-card .stat-icon{width:48px;height:48px;border-radius:12px;background:#0000001a;display:flex;align-items:center;justify-content:center}.dashboard-stat-card .stat-icon svg{width:24px;height:24px}.dashboard-stat-card.primary .stat-icon,.dashboard-stat-card.warning .stat-icon,.dashboard-stat-card.success .stat-icon,.dashboard-stat-card.info .stat-icon{background:#00000026;color:#0f172a}.stat-content .stat-value{font-size:24px;font-weight:700;color:#e2e8f0}.stat-content .stat-label{font-size:13px;color:#94a3b8}.dashboard-monthly-summary{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;margin-bottom:24px}.dashboard-monthly-summary h2{margin:0 0 16px;font-size:16px;color:#94a3b8}.monthly-stats-row{display:flex;gap:32px}.monthly-stat{display:flex;flex-direction:column;gap:4px}.monthly-stat-value{font-size:22px;font-weight:700;color:#38bdf8}.monthly-stat-label{font-size:13px;color:#64748b}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.dashboard-card{background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #334155}.dashboard-card-header h3{margin:0;font-size:15px;color:#e2e8f0}.btn-link{background:none;border:none;color:#38bdf8;font-size:13px;cursor:pointer}.btn-link:hover{text-decoration:underline}.pending-count{background:#fbbf24;color:#0f172a;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600}.dashboard-card-content{padding:16px 20px}.empty-state{text-align:center;padding:30px;color:#64748b}.today-reservation-list{display:flex;flex-direction:column;gap:8px}.today-reservation-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0f172a;border-radius:6px;cursor:pointer;transition:background .2s}.today-reservation-item:hover{background:#334155}.today-reservation-item .res-time{font-weight:600;color:#38bdf8;min-width:50px}.today-reservation-item .res-customer{font-weight:500;color:#e2e8f0;min-width:60px}.today-reservation-item .res-service{color:#94a3b8;flex:1}.today-reservation-item .res-designer{color:#64748b;font-size:12px}.pending-reservation-list{display:flex;flex-direction:column;gap:12px}.pending-reservation-item{padding:12px;background:#0f172a;border-radius:8px;border-left:3px solid #fbbf24;cursor:pointer;transition:background .2s}.pending-reservation-item:hover{background:#334155}.pending-info{display:flex;justify-content:space-between;margin-bottom:4px}.pending-customer{font-weight:500;color:#e2e8f0}.pending-datetime{color:#fbbf24;font-size:13px}.pending-details{display:flex;gap:12px;font-size:12px;color:#64748b}.branch-stats-list{display:flex;flex-direction:column;gap:8px}.branch-stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#0f172a;border-radius:6px}.branch-name{font-weight:500;color:#e2e8f0}.branch-counts{display:flex;gap:8px;align-items:center}.branch-total{font-weight:600;color:#38bdf8}.branch-pending{font-size:12px;color:#fbbf24}.designer-ranking-list{display:flex;flex-direction:column;gap:8px}.designer-ranking-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0f172a;border-radius:6px}.rank-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#334155;border-radius:50%;font-size:12px;font-weight:600;color:#94a3b8}.designer-ranking-item:nth-child(1) .rank-number{background:#fbbf24;color:#0f172a}.designer-ranking-item:nth-child(2) .rank-number{background:#94a3b8;color:#0f172a}.designer-ranking-item:nth-child(3) .rank-number{background:#cd7f32;color:#0f172a}.rank-name{font-weight:500;color:#e2e8f0;min-width:60px}.rank-branch{flex:1;font-size:12px;color:#64748b}.rank-sales{font-weight:600;color:#4ade80}@media (max-width: 1024px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.monthly-stats-row{flex-wrap:wrap;gap:16px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#020617;color:#fff}a{color:inherit;text-decoration:none}.page-wrapper{padding-top:70px}