*{box-sizing:border-box}body{font-family:Vazirmatn,Tahoma,sans-serif;background:#0f0f1a;color:#e0e0e0;direction:rtl;margin:0}
.navbar{background:#1a1a2e;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e74c3c}
.navbar .brand{color:#e74c3c;font-size:1.3rem;font-weight:bold}
.navbar a{color:#aaa;text-decoration:none;margin-right:15px}
.container{max-width:900px;margin:30px auto;padding:0 15px}
.card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:10px;padding:25px;margin-bottom:20px}
.card-title{color:#e74c3c;font-size:1.1rem;font-weight:bold;margin-bottom:18px;border-bottom:1px solid #2a2a4a;padding-bottom:10px}
.form-group{margin-bottom:15px}
label{display:block;margin-bottom:5px;color:#aaa;font-size:.9rem}
input,select,textarea{width:100%;padding:10px 12px;background:#0f0f1a;border:1px solid #2a2a4a;border-radius:6px;color:#e0e0e0;font-family:inherit;font-size:14px}
input:focus,select:focus,textarea:focus{outline:none;border-color:#e74c3c}
textarea{resize:vertical;min-height:80px}
.btn{padding:10px 22px;border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:bold}
.btn-primary{background:#e74c3c;color:#fff}.btn-primary:hover{background:#c0392b}
.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#229954}
.btn-sm{padding:6px 14px;font-size:13px}
.badge{padding:3px 10px;border-radius:12px;font-size:.8rem}
.badge-morning{background:#f39c12;color:#000}
.badge-noon{background:#3498db;color:#fff}
.badge-night{background:#8e44ad;color:#fff}
.alert{padding:12px 16px;border-radius:6px;margin-bottom:15px}
.alert-success{background:#1e4d2b;color:#2ecc71;border:1px solid #27ae60}
.alert-error{background:#4d1e1e;color:#e74c3c;border:1px solid #c0392b}
.shift-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}
.shift-card{background:#0f0f1a;border:2px solid #2a2a4a;border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:.2s}
.shift-card.selected,.shift-card:hover{border-color:#e74c3c}
.shift-card .shift-icon{font-size:2rem;margin-bottom:8px}
.shift-card .shift-name{font-weight:bold;color:#e0e0e0}
.shift-card .shift-time{font-size:.8rem;color:#888;margin-top:4px}
table{width:100%;border-collapse:collapse}
th,td{padding:10px 12px;text-align:right;border-bottom:1px solid #2a2a4a}
th{background:#0f0f1a;color:#aaa;font-size:.85rem}
tr:hover{background:#1f1f35}
.add-row-btn{background:transparent;border:1px dashed #2a2a4a;color:#888;width:100%;padding:8px;border-radius:6px;cursor:pointer;margin-top:8px}
.add-row-btn:hover{border-color:#e74c3c;color:#e74c3c}
.vending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.vending-item{background:#0f0f1a;border:1px solid #2a2a4a;border-radius:6px;padding:10px;display:flex;justify-content:space-between;align-items:center}
.vending-item input{width:70px;text-align:center}
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}
.login-box{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;padding:40px;width:100%;max-width:380px}
.login-logo{text-align:center;margin-bottom:25px}
.login-logo h1{color:#e74c3c;font-size:2rem}
.login-logo p{color:#888;font-size:.9rem}
.total-box{background:#0f0f1a;border:1px solid #e74c3c;border-radius:6px;padding:12px;margin-top:10px;display:flex;justify-content:space-between}
.total-box span{color:#e74c3c;font-weight:bold}
.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.stat-box{background:#0f0f1a;border:1px solid #2a2a4a;border-radius:8px;padding:15px;text-align:center}
.stat-box .val{font-size:1.4rem;font-weight:bold;color:#e74c3c}
.stat-box .lbl{font-size:.8rem;color:#888;margin-top:4px}
@media(max-width:600px){.shift-cards{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr}}