:root{--ink:#0d0d0d;--paper:#f5f0e8;--stage:#1a1a2e;--amber:#e8a020;--amber-lt:#f5c84a;--red:#c0392b;--green:#27ae60;--blue:#2980b9;--muted:#6b6457;--border:#ccc5b0;--card-bg:#fffdf7;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Bebas Neue',sans-serif;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;min-height:100vh;}
header{background:var(--stage);color:var(--paper);padding:0 2rem;display:flex;align-items:center;gap:1.5rem;border-bottom:4px solid var(--amber);}
.logo{text-decoration:none;display:inline-block;font-family:var(--display);font-size:2.4rem;letter-spacing:.08em;color:var(--amber);padding:.6rem 0;line-height:1;}
.logo span{color:var(--paper);}
.header-sub{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);border-left:2px solid var(--amber);padding-left:1.5rem;}
.user-bar{margin-left:auto;display:flex;align-items:center;gap:1rem;font-family:var(--mono);font-size:.75rem;}
.user-bar span{color:var(--muted);}
.user-bar strong{color:var(--paper);}
.user-bar a{color:var(--amber);text-decoration:none;padding:.3rem .7rem;border:1px solid var(--amber);}
.user-bar a:hover{background:var(--amber);color:var(--stage);}
main{max-width:960px;margin:2.5rem auto;padding:0 1.5rem;}
.card{background:var(--card-bg);border:1px solid var(--border);border-top:4px solid var(--amber);padding:2rem;margin-bottom:2rem;box-shadow:4px 4px 0 rgba(0,0,0,.07);}
h2{font-family:var(--display);font-size:1.9rem;letter-spacing:.06em;color:var(--stage);margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:.6rem;}
h3{font-family:var(--display);font-size:1.4rem;letter-spacing:.05em;color:var(--amber);margin:1.5rem 0 .5rem;}
label{display:block;font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:.35rem;margin-top:1.2rem;}
label:first-child{margin-top:0;}
select,textarea,input[type="text"],input[type="date"],input[type="url"],input[type="email"],input[type="password"]{width:100%;padding:.6rem .8rem;font-family:var(--mono);font-size:.9rem;background:#fff;border:1.5px solid var(--border);color:var(--ink);outline:none;transition:border-color .15s;}
select:focus,textarea:focus,input:focus{border-color:var(--amber);}
textarea{min-height:280px;resize:vertical;line-height:1.7;}
.btn{display:inline-block;font-family:var(--display);font-size:1.15rem;letter-spacing:.12em;padding:.6rem 2rem;border:none;cursor:pointer;transition:transform .1s,box-shadow .1s;text-decoration:none;}
.btn:active{transform:translateY(1px);}
.btn-primary{background:var(--amber);color:var(--stage);box-shadow:3px 3px 0 var(--stage);}
.btn-primary:hover{box-shadow:5px 5px 0 var(--stage);transform:translate(-1px,-1px);}
.btn-secondary{background:var(--stage);color:var(--paper);box-shadow:3px 3px 0 var(--muted);}
.btn-secondary:hover{box-shadow:5px 5px 0 var(--muted);transform:translate(-1px,-1px);}
.btn-success{background:var(--green);color:#fff;box-shadow:3px 3px 0 #1e8449;}
.btn-success:hover{box-shadow:5px 5px 0 #1e8449;transform:translate(-1px,-1px);}
.btn-danger{background:var(--red);color:#fff;box-shadow:3px 3px 0 #7b241c;}
.btn-danger:hover{box-shadow:5px 5px 0 #7b241c;transform:translate(-1px,-1px);}
.btn-row{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;align-items:center;}
.alert{padding:.75rem 1rem;font-family:var(--mono);font-size:.85rem;margin-bottom:1.2rem;border-left:4px solid currentColor;}
.alert-error{background:#fdf0ef;color:var(--red);}
.alert-success{background:#edfaf3;color:var(--green);}
.alert-warning{background:#fdf8ec;color:#8a6200;}