body{margin:0;background:#211F1E;font-family:Arial,sans-serif;color:#EDE8E0}
header{background:#1A1918;padding:16px 24px;border-bottom:0.5px solid #3D3937}
.header-inner{max-width:600px;margin:auto;display:flex;align-items:center;gap:14px}
.brand{font-family:'Playfair Display',serif;font-size:18px;color:#EDE8E0;letter-spacing:0.5px}
.header-sub{font-size:12px;color:#A69C90;flex:1}
.logout-link{color:#C67C8C;font-size:13px;text-decoration:none;font-weight:600}
main{max-width:600px;margin:auto;padding:20px 16px}

.login-wrap{display:flex;align-items:center;justify-content:center;min-height:70vh}
.login-card{background:#2B2827;border:0.5px solid #3D3937;border-radius:12px;padding:32px 28px;width:100%;max-width:320px;text-align:center}
.login-title{font-family:'Playfair Display',serif;font-size:20px;color:#EDE8E0;margin-bottom:6px}
.login-sub{font-size:12px;color:#A69C90;margin-bottom:20px}
.login-card form{display:flex;flex-direction:column;gap:10px}

input,select,textarea{background:#211F1E;border:0.5px solid #3D3937;color:#EDE8E0;border-radius:6px;padding:10px 12px;font-size:14px;width:100%;box-sizing:border-box;font-family:Arial,sans-serif}
button{background:#8E4152;color:#F3E4E7;border:0;border-radius:7px;padding:11px 16px;font-weight:600;cursor:pointer;font-size:14px}

.page-header{margin-bottom:18px}
.page-eyebrow{font-size:11px;color:#A69C90;text-transform:uppercase;letter-spacing:0.5px}
h2{font-family:'Playfair Display',serif;color:#EDE8E0;margin:2px 0 4px;font-weight:500}
.page-sub{font-size:13px;color:#A69C90;margin:0}

.action-row{display:flex;gap:10px;margin-bottom:26px}
.btn-primary{flex:1;background:#8E4152;color:#F3E4E7;text-align:center;padding:12px;border-radius:7px;text-decoration:none;font-weight:600;font-size:14px}
.btn-secondary{flex:1;background:#3D3937;color:#EDE8E0;text-align:center;padding:12px;border-radius:7px;text-decoration:none;font-weight:600;font-size:14px}

.section-title{font-size:13px;color:#A69C90;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px}
.stock-list{display:flex;flex-direction:column;gap:8px}
.stock-row{background:#2B2827;border:0.5px solid #3D3937;border-radius:8px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.stock-main{font-size:13px;color:#EDE8E0}
.stock-code{font-weight:700}
.stock-colour{color:#A69C90}
.stock-meta{display:flex;gap:10px;align-items:center;white-space:nowrap}
.stock-size{font-size:12px;color:#A69C90;background:#211F1E;padding:3px 8px;border-radius:12px}
.stock-qty{font-size:13px;font-weight:600;color:#C67C8C}

.simple-form{display:flex;flex-direction:column;gap:6px}
.simple-form label{font-size:12px;color:#A69C90;font-weight:600;margin-top:8px}
.simple-form button{margin-top:16px}
.back-link{display:inline-block;margin-top:20px;color:#A69C90;font-size:13px;text-decoration:none}

.muted{color:#A69C90;font-size:13px}
.alert{padding:12px;border-radius:8px;margin-bottom:15px;font-weight:600;font-size:13px}
.alert-success{background:#1F3A2E;color:#7FD9A6}
.alert-error{background:#3A1F24;color:#E29AA6}

.stock-row-link{text-decoration:none;cursor:pointer;transition:border-color 0.15s}
.stock-row-link:hover{border-color:#8E4152}

.back-link-top{display:inline-block;margin-bottom:16px}

.brand{text-decoration:none;cursor:pointer}

.history-date{font-size:11px;color:#A69C90}