@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  --accent:#c8962a; --accent-lt:#e0b450; --ok:#57b98a; --warn:#d9694a; --info:#6f9dc7;
  --bg:#0a0a0b; --bg2:#0f0f10; --bg3:#161615; --bg4:#1d1d1b;
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.14);
  --txt:#f2efe8; --txt2:#a7a198; --txt3:#6e695f;
  --r:10px; --shadow:0 8px 32px rgba(0,0,0,.5);
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{font-family:"Archivo",system-ui,sans-serif;background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;font-size:14px;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
input,select,textarea{font-family:inherit;}
.mono{font-family:"JetBrains Mono",monospace;}

/* NAV */
.admin-nav{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:56px;background:var(--bg2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;}
.nav-brand{display:flex;align-items:baseline;gap:5px;font-size:17px;color:var(--txt);text-decoration:none;}
.wm-abel{font-weight:800;letter-spacing:.16em;}
.wm-vfx{font-style:italic;font-weight:700;color:var(--accent);}
.wm-sub{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--txt3);font-weight:600;margin-left:8px;align-self:center;}
.nav-links{display:flex;align-items:center;gap:24px;font-size:13px;}
.nav-links a{color:var(--txt2);}
.nav-links a:hover{color:var(--txt);}
.nav-logout{color:var(--txt3) !important;}

/* CONTAINER */
.container{max-width:1100px;margin:0 auto;padding:32px 32px 80px;}
.breadcrumb{font-size:12px;color:var(--txt3);margin-bottom:24px;}
.breadcrumb a{color:var(--txt2);}

/* PAGE HEADER */
.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;}
.page-header h1{font-size:26px;font-weight:800;letter-spacing:-.01em;}

/* CARD */
.card{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:28px;margin-bottom:24px;}
.card h2{font-size:15px;font-weight:700;margin-bottom:20px;}
.card h3{font-size:13px;font-weight:700;color:var(--txt2);margin:20px 0 14px;text-transform:uppercase;letter-spacing:.08em;}
.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.card-header h2{margin:0;}
hr.divider{border:none;border-top:1px solid var(--line);margin:24px 0;}

/* FORMS */
.form-group{display:flex;flex-direction:column;gap:7px;flex:1;}
.form-group label{font-size:11.5px;font-weight:600;color:var(--txt2);letter-spacing:.04em;}
.form-row{display:flex;gap:16px;margin-bottom:16px;}
.form-group + .form-group{margin-bottom:0;}
.form-group{margin-bottom:16px;}
.form-row .form-group{margin-bottom:0;}
input[type="text"],input[type="password"],input[type="number"],input[type="file"],select,textarea{
  background:var(--bg3);border:1px solid var(--line2);border-radius:8px;
  color:var(--txt);padding:10px 12px;font-size:13px;width:100%;
  transition:border-color .16s;
}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);}
input[type="file"]{padding:8px 12px;cursor:pointer;}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23a7a198' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
.hint-inline{font-size:10.5px;color:var(--txt3);font-weight:400;}
.hint{font-size:11.5px;color:var(--txt3);margin-top:8px;line-height:1.5;}
.form-actions{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap;}

/* BUTTONS */
.btn-primary{background:var(--accent);color:#161200;font-weight:700;font-size:13px;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:filter .16s;}
.btn-primary:hover{filter:brightness(1.1);text-decoration:none;color:#161200;}
.btn-ghost{background:var(--bg4);color:var(--txt2);font-weight:600;font-size:13px;padding:10px 18px;border-radius:8px;border:1px solid var(--line2);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:all .16s;}
.btn-ghost:hover{color:var(--txt);border-color:var(--txt3);}
.btn-danger{background:transparent;color:var(--warn);font-weight:600;font-size:13px;padding:10px 18px;border-radius:8px;border:1px solid var(--warn);cursor:pointer;display:inline-flex;align-items:center;transition:all .16s;}
.btn-danger:hover{background:color-mix(in srgb,var(--warn) 15%,transparent);}
.link-btn{font-size:12px;font-weight:600;color:var(--accent);}
.link-btn.danger{color:var(--warn);}

/* TABLE */
.data-table{width:100%;border-collapse:collapse;font-size:13px;}
.data-table th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt3);font-weight:700;padding:8px 12px;text-align:left;border-bottom:1px solid var(--line);}
.data-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle;}
.data-table tr:last-child td{border-bottom:none;}
.data-table tr:hover td{background:var(--bg3);}
.text-muted{color:var(--txt3);}

/* BADGES */
.badge-ok{font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px;background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok);}
.badge-warn{font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px;background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn);}
.badge-neutral{font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px;background:var(--bg4);color:var(--txt3);}
.status-badge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:5px;text-transform:uppercase;letter-spacing:.05em;}
.st-approved{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok);}
.st-needs_changes{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn);}
.st-in_review{background:color-mix(in srgb,var(--info) 18%,transparent);color:var(--info);}
.st-none{background:var(--bg4);color:var(--txt3);}

/* PROJECT GRID */
.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.project-card{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--txt);transition:border-color .16s,box-shadow .16s;}
.project-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);text-decoration:none;}
.pc-title{font-size:20px;font-weight:800;letter-spacing:-.01em;}
.pc-sub{font-size:12px;color:var(--txt2);}
.pc-meta{font-size:11.5px;color:var(--txt3);margin-top:4px;}
.pc-stats{display:flex;gap:8px;margin-top:12px;}

/* ALERTS */
.alert{padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:20px;border:1px solid;}
.alert-ok{background:color-mix(in srgb,var(--ok) 12%,transparent);border-color:color-mix(in srgb,var(--ok) 40%,transparent);color:var(--ok);}
.alert-err{background:color-mix(in srgb,var(--warn) 12%,transparent);border-color:color-mix(in srgb,var(--warn) 40%,transparent);color:var(--warn);}
.alert:not(.alert-ok):not(.alert-err){background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent-lt);}

/* MODAL */
.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);}
.modal-box{background:var(--bg2);border:1px solid var(--line2);border-radius:16px;padding:32px;width:100%;max-width:460px;box-shadow:var(--shadow);}
.modal-box h2{font-size:18px;font-weight:800;margin-bottom:20px;}

/* LOGIN */
.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;}
.login-card{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:40px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:0;}
.login-logo{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;text-align:center;}
.login-logo .wm-sub{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--txt3);font-weight:600;}
.login-form{display:flex;flex-direction:column;gap:16px;}
.login-form label{font-size:11.5px;font-weight:600;color:var(--txt2);}
.login-form input{padding:12px 14px;}
.login-form .btn-primary{padding:14px;font-size:14px;justify-content:center;}

/* MISC */
.empty-state{text-align:center;color:var(--txt3);font-size:13px;padding:48px 20px;background:var(--bg3);border-radius:10px;}
.link-input{background:var(--bg3);border:1px solid var(--line);border-radius:6px;color:var(--txt2);padding:6px 10px;font-size:11.5px;font-family:"JetBrains Mono",monospace;cursor:pointer;width:100%;min-width:200px;max-width:320px;}
.link-input:hover{border-color:var(--accent);}
.video-preview{margin-bottom:16px;display:flex;flex-direction:column;gap:8px;}

@media(max-width:680px){
  .container{padding:20px 16px 60px;}
  .form-row{flex-direction:column;}
  .project-grid{grid-template-columns:1fr;}
}