/* ============================================================
   C&S TOOL - Admin 공통 스타일
   ============================================================ */
:root {
  --red:#D8222A; --red-dark:#A01820; --red-glow:rgba(216,34,42,0.25);
  --gray:#8A8A8A; --gray-light:#C8C8C8;
  --dark:#0F0F0F; --dark2:#181818; --dark3:#222222; --dark4:#2C2C2C;
  --white:#FFFFFF; --green:#22c55e; --yellow:#EAB308; --blue:#3B82F6; --orange:#F97316;
  --sidebar-w:240px;
  --font-en:'Bebas Neue','Barlow Condensed',sans-serif;
  --font-ko:'Noto Sans KR',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--dark);color:var(--white);font-family:var(--font-ko);font-size:14px;line-height:1.6;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
input,select,textarea,button{font-family:var(--font-ko);}

/* ── LOGIN PAGE ── */
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 80% 60% at 30% 50%,rgba(216,34,42,0.08),transparent 65%),var(--dark2);}
.login-box{width:100%;max-width:420px;padding:24px;}
.login-logo{text-align:center;margin-bottom:40px;}
.login-logo-icon{width:64px;height:64px;background:var(--red);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-en);font-size:22px;font-weight:900;color:white;margin-bottom:16px;}
.login-logo-name{font-family:var(--font-en);font-size:28px;letter-spacing:2px;display:block;}
.login-logo-sub{font-size:11px;color:var(--gray);letter-spacing:3px;text-transform:uppercase;display:block;margin-top:4px;}
.login-card{background:var(--dark3);border:1px solid var(--dark4);padding:40px;}
.login-card h2{font-family:var(--font-en);font-size:28px;margin-bottom:8px;}
.login-card p{font-size:13px;color:var(--gray);margin-bottom:32px;}
.login-group{margin-bottom:20px;}
.login-group label{display:block;font-size:12px;font-weight:500;color:var(--gray-light);letter-spacing:0.5px;margin-bottom:8px;}
.login-group input{width:100%;background:var(--dark2);border:1px solid var(--dark4);color:white;padding:13px 16px;font-size:14px;outline:none;border-radius:3px;transition:border-color 0.2s;}
.login-group input:focus{border-color:var(--red);}
.login-group input::placeholder{color:var(--gray);}
.login-btn{width:100%;background:var(--red);color:white;border:none;padding:15px;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:1px;border-radius:3px;transition:background 0.2s;margin-top:8px;}
.login-btn:hover{background:var(--red-dark);}
.login-err{color:#EF4444;font-size:12px;margin-top:8px;display:none;}
.login-hint{margin-top:20px;padding:14px 16px;background:rgba(255,255,255,0.03);border:1px solid var(--dark4);border-radius:3px;font-size:12px;color:var(--gray);line-height:1.7;}
.login-hint strong{color:var(--gray-light);}

/* ── ADMIN LAYOUT ── */
.admin-layout{display:flex;min-height:100vh;}

/* ── SIDEBAR ── */
.admin-sidebar{width:var(--sidebar-w);background:var(--dark2);border-right:1px solid var(--dark4);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;overflow-y:auto;}
.sidebar-logo{padding:24px 20px;border-bottom:1px solid var(--dark4);display:flex;align-items:center;gap:12px;flex-shrink:0;}
.sidebar-logo-icon{width:36px;height:36px;background:var(--red);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-en);font-size:13px;font-weight:900;color:white;flex-shrink:0;}
.sidebar-logo-text{font-family:var(--font-en);font-size:16px;letter-spacing:1px;}
.sidebar-logo-sub{font-size:10px;color:var(--gray);letter-spacing:2px;}
.sidebar-section{padding:16px 0;}
.sidebar-section-title{padding:8px 20px;font-size:10px;letter-spacing:2px;color:var(--gray);text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;}
.sidebar-menu{list-style:none;}
.sidebar-menu li a{display:flex;align-items:center;gap:10px;padding:11px 20px;font-size:13px;color:var(--gray);transition:all 0.2s;border-left:3px solid transparent;}
.sidebar-menu li a:hover,.sidebar-menu li.active a{color:white;background:rgba(216,34,42,0.08);border-left-color:var(--red);}
.sidebar-menu li a .menu-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0;}
.sidebar-divider{height:1px;background:var(--dark4);margin:8px 20px;}
.sidebar-footer{padding:20px;margin-top:auto;border-top:1px solid var(--dark4);}
.sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.sidebar-user-avatar{width:32px;height:32px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;}
.sidebar-user-info{font-size:12px;}
.sidebar-user-name{color:var(--gray-light);font-weight:500;}
.sidebar-user-role{color:var(--gray);font-size:11px;}
.btn-logout{display:block;width:100%;background:none;border:1px solid var(--dark4);color:var(--gray);padding:8px;font-size:12px;cursor:pointer;border-radius:3px;transition:all 0.2s;text-align:center;}
.btn-logout:hover{border-color:var(--red);color:var(--red);}

/* ── MAIN CONTENT ── */
.admin-main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh;}

/* ── TOP BAR ── */
.admin-topbar{background:var(--dark2);border-bottom:1px solid var(--dark4);padding:0 32px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;}
.topbar-title{font-family:var(--font-en);font-size:22px;letter-spacing:1px;}
.topbar-right{display:flex;align-items:center;gap:16px;}
.topbar-badge{background:var(--red);color:white;font-size:11px;font-weight:700;padding:3px 9px;border-radius:2px;}
.topbar-time{font-size:12px;color:var(--gray);font-family:'Barlow Condensed',sans-serif;letter-spacing:1px;}

/* ── PAGE BODY ── */
.admin-content{padding:32px;flex:1;}

/* ── STAT CARDS ── */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:32px;}
.stat-card{background:var(--dark3);padding:28px 24px;position:relative;overflow:hidden;transition:background 0.3s;}
.stat-card:hover{background:var(--dark4);}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.stat-card.red::before{background:var(--red);}
.stat-card.green::before{background:var(--green);}
.stat-card.blue::before{background:var(--blue);}
.stat-card.yellow::before{background:var(--yellow);}
.stat-label{font-size:11px;color:var(--gray);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;}
.stat-num{font-family:var(--font-en);font-size:52px;line-height:1;margin-bottom:8px;}
.stat-sub{font-size:12px;color:var(--gray);}
.stat-sub .up{color:var(--green);}
.stat-sub .dn{color:#EF4444;}
.stat-icon{position:absolute;right:20px;top:24px;font-size:32px;opacity:0.15;}

/* ── 섹션 헤더 ── */
.section-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.section-hd h3{font-family:var(--font-en);font-size:22px;letter-spacing:1px;}
.btn-sm{background:none;border:1px solid var(--dark4);color:var(--gray);padding:6px 16px;font-size:12px;cursor:pointer;border-radius:2px;transition:all 0.2s;}
.btn-sm:hover{border-color:var(--red);color:var(--red);}
.btn-sm-primary{background:var(--red);color:white;border:none;padding:6px 16px;font-size:12px;cursor:pointer;border-radius:2px;transition:background 0.2s;}
.btn-sm-primary:hover{background:var(--red-dark);}

/* ── TABLE ── */
.admin-table-wrap{overflow-x:auto;background:var(--dark3);border:1px solid var(--dark4);}
.admin-table{width:100%;border-collapse:collapse;font-size:13px;}
.admin-table th{background:var(--dark4);padding:12px 16px;text-align:left;font-size:11px;color:var(--gray);letter-spacing:0.5px;font-weight:500;white-space:nowrap;}
.admin-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,0.04);vertical-align:middle;}
.admin-table tr:hover td{background:rgba(255,255,255,0.02);}
.admin-table td.mono{font-family:'Barlow Condensed',sans-serif;letter-spacing:1px;font-size:14px;}
.admin-table .col-date{color:var(--gray);font-size:12px;white-space:nowrap;}
.admin-table .col-company{font-weight:500;}

/* ── STATUS BADGES ── */
.badge{display:inline-block;padding:3px 9px;border-radius:2px;font-size:11px;font-weight:700;letter-spacing:0.5px;white-space:nowrap;}
.badge-pending{background:rgba(234,179,8,0.15);color:#EAB308;}
.badge-replied{background:rgba(59,130,246,0.15);color:#3B82F6;}
.badge-confirm{background:rgba(59,130,246,0.15);color:#3B82F6;}
.badge-ordered{background:rgba(168,85,247,0.15);color:#A855F7;}
.badge-ship{background:rgba(249,115,22,0.15);color:#F97316;}
.badge-done{background:rgba(34,197,94,0.15);color:#22C55E;}
.badge-cancel{background:rgba(239,68,68,0.15);color:#EF4444;}
.badge-instock{background:rgba(34,197,94,0.15);color:#22C55E;}
.badge-nostock{background:rgba(255,255,255,0.08);color:var(--gray);}
.badge-new{background:var(--red);color:white;}

/* ── STATUS SELECT ── */
.status-select{background:var(--dark2);border:1px solid var(--dark4);color:white;padding:4px 8px;font-size:12px;border-radius:2px;cursor:pointer;outline:none;}
.status-select:focus{border-color:var(--red);}

/* ── SEARCH/FILTER BAR ── */
.filter-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:center;}
.filter-bar input,.filter-bar select{background:var(--dark3);border:1px solid var(--dark4);color:white;padding:8px 14px;font-size:13px;outline:none;border-radius:3px;transition:border-color 0.2s;}
.filter-bar input:focus,.filter-bar select:focus{border-color:var(--red);}
.filter-bar input::placeholder{color:var(--gray);}
.filter-bar input{flex:1;min-width:200px;}

/* ── PRODUCT FORM ── */
.form-panel{background:var(--dark3);border:1px solid var(--dark4);padding:32px;margin-top:24px;display:none;}
.form-panel.open{display:block;}
.form-panel h3{font-family:var(--font-en);font-size:22px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--dark4);}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-group.full{grid-column:1/-1;}
.form-group label{font-size:12px;font-weight:500;color:var(--gray-light);letter-spacing:0.3px;}
.form-group input,.form-group select,.form-group textarea{background:var(--dark2);border:1px solid var(--dark4);color:white;padding:10px 14px;font-size:13px;outline:none;border-radius:3px;transition:border-color 0.2s;width:100%;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--red);}
.form-group input::placeholder{color:var(--gray);}
.form-group select option{background:var(--dark3);}
.form-group textarea{resize:vertical;min-height:80px;}
.form-panel-actions{display:flex;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--dark4);}
.btn-save{background:var(--red);color:white;border:none;padding:10px 32px;font-size:13px;font-weight:700;cursor:pointer;border-radius:3px;transition:background 0.2s;}
.btn-save:hover{background:var(--red-dark);}
.btn-cancel{background:none;border:1px solid var(--dark4);color:var(--gray);padding:10px 24px;font-size:13px;cursor:pointer;border-radius:3px;transition:all 0.2s;}
.btn-cancel:hover{border-color:var(--gray);color:white;}

/* ── CHART AREA (미니) ── */
.mini-chart{background:var(--dark3);border:1px solid var(--dark4);padding:24px;}
.chart-bar-wrap{display:flex;flex-direction:column;gap:10px;margin-top:16px;}
.chart-bar-row{display:flex;align-items:center;gap:12px;font-size:12px;}
.chart-bar-label{width:80px;color:var(--gray);flex-shrink:0;text-align:right;}
.chart-bar-bg{flex:1;background:var(--dark4);border-radius:2px;height:20px;overflow:hidden;}
.chart-bar-fill{height:100%;background:var(--red);border-radius:2px;transition:width 1s ease;}
.chart-bar-val{width:44px;text-align:right;color:var(--gray-light);font-family:'Barlow Condensed',sans-serif;font-size:14px;}

/* ── NOTICE/INQUIRY MANAGE ── */
.manage-toolbar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;}

/* ── MODAL ── */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s;}
.modal-overlay.open{opacity:1;visibility:visible;}
.modal-box{background:var(--dark3);border:1px solid var(--dark4);border-top:3px solid var(--green);padding:40px;max-width:420px;width:90%;text-align:center;border-radius:4px;transform:translateY(20px);transition:transform 0.3s;}
.modal-overlay.open .modal-box{transform:translateY(0);}
.modal-icon{font-size:40px;margin-bottom:16px;}
.modal-title{font-family:var(--font-en);font-size:28px;margin-bottom:10px;}
.modal-desc{font-size:13px;color:var(--gray);line-height:1.75;}
.modal-actions{display:flex;gap:10px;margin-top:24px;justify-content:center;}
.btn-modal-ok{background:var(--red);color:white;padding:10px 28px;border-radius:3px;font-size:14px;font-weight:700;cursor:pointer;border:none;}
.btn-modal-cancel{background:none;border:1px solid var(--dark4);color:var(--gray);padding:10px 20px;border-radius:3px;font-size:14px;cursor:pointer;transition:all 0.2s;}
.btn-modal-cancel:hover{border-color:var(--gray);color:white;}

/* ── PAGINATION ── */
.pagination{display:flex;gap:4px;margin-top:20px;}
.page-btn{background:var(--dark3);border:1px solid var(--dark4);color:var(--gray);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;border-radius:2px;transition:all 0.2s;}
.page-btn:hover,.page-btn.active{border-color:var(--red);color:var(--red);}
.page-btn.active{background:var(--red);color:white;}

/* ── RESPONSIVE ── */
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){
  .admin-sidebar{transform:translateX(-100%);transition:transform 0.3s;}
  .admin-sidebar.open{transform:translateX(0);}
  .admin-main{margin-left:0;}
  .admin-content{padding:20px;}
  .stat-grid{grid-template-columns:1fr 1fr;}
  .form-grid{grid-template-columns:1fr;}
}