:root{--gold:#e79d36;--gray:#4f4f4f;--cream:#fae5b9;--bg:#fcfcf8}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Tahoma,sans-serif;background:var(--bg);color:var(--gray);line-height:1.6}
.login-page{background:linear-gradient(135deg,#fcfcf8,#fae5b9);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.login-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(231,157,54,.15);padding:50px;max-width:450px;width:100%}
.logo{text-align:center;margin-bottom:40px}
.logo h1{color:var(--gold);font-size:32px;margin-bottom:10px}
.logo p{color:var(--gray);font-size:16px}
.form-group{margin-bottom:25px}
.form-group label{display:block;color:var(--gray);font-weight:600;margin-bottom:10px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:15px;border:2px solid var(--cream);border-radius:10px;font-size:16px;transition:border-color .3s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gold)}
.btn{padding:12px 30px;border:none;border-radius:10px;font-size:16px;font-weight:bold;cursor:pointer;transition:transform .2s;display:inline-block;text-decoration:none;text-align:center}
.btn-primary{background:linear-gradient(135deg,var(--gold),#e6a72a);color:#fff}
.btn-primary:hover{transform:translateY(-2px)}
.btn-secondary{background:#f5f5f5;color:#666}
.btn-danger{background:#dc3545;color:#fff}
.btn-success{background:#28a745;color:#fff}
.btn-block{width:100%;display:block}
.btn-sm{padding:8px 20px;font-size:14px}
.alert{padding:15px;border-radius:10px;margin-bottom:20px}
.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}
.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}
.alert-warning{background:#fff3cd;color:#856404}
.container{max-width:1200px;margin:0 auto;padding:20px}
.card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 20px rgba(231,157,54,.1);margin-bottom:20px}
.card h2{color:var(--gold);margin-bottom:15px}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}
table thead{background:var(--gold);color:#fff}
table th,table td{padding:15px;text-align:right}
table tbody tr:hover{background:var(--cream)}
table tbody tr{border-bottom:1px solid #eee}
.navbar{background:#fff;box-shadow:0 5px 20px rgba(231,157,54,.1);padding:15px 0;margin-bottom:30px}
.navbar .container{display:flex;justify-content:space-between;align-items:center}
.navbar-brand{font-size:24px;font-weight:bold;color:var(--gold);text-decoration:none}
.navbar-menu{display:flex;gap:20px;list-style:none}
.navbar-menu a{color:var(--gray);text-decoration:none;padding:10px 20px;border-radius:8px;transition:all .3s}
.navbar-menu a:hover,.navbar-menu a.active{background:var(--cream);color:var(--gold)}
.stat-box{background:linear-gradient(135deg,var(--gold),#e6a72a);color:#fff;padding:30px;border-radius:15px;text-align:center;box-shadow:0 5px 20px rgba(231,157,54,.1);margin-bottom:20px}
.stat-number{font-size:36px;font-weight:bold;margin-bottom:10px}
.stat-label{font-size:16px;opacity:.9}
.row{display:flex;flex-wrap:wrap;margin:0 -10px}
.col-3{flex:0 0 25%;max-width:25%;padding:0 10px}
.col-4{flex:0 0 33.333%;max-width:33.333%;padding:0 10px}
.col-6{flex:0 0 50%;max-width:50%;padding:0 10px}
.col-12{flex:0 0 100%;max-width:100%;padding:0 10px}
.upload-area{border:2px dashed var(--cream);border-radius:15px;padding:40px;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:20px}
.upload-area:hover{border-color:var(--gold);background:rgba(231,157,54,.05)}
.upload-area.dragging{border-color:var(--gold);background:rgba(231,157,54,.1)}
@media(max-width:768px){.col-3,.col-4,.col-6{flex:0 0 100%;max-width:100%}.navbar-menu{flex-direction:column}}