*{box-sizing:border-box;font-family:Inter,Segoe UI,system-ui,sans-serif}body{margin:0;padding:0;background-color:#f1f5f9;color:#1e293b;min-height:100vh}.login-container{display:flex;height:100vh;justify-content:center;align-items:center;background:radial-gradient(circle at center,#2b2d42,#0f172a)}.login-box{background:#fffffffa;padding:40px;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:420px}.login-box h2{margin-top:0;color:#0f172a;text-align:center;margin-bottom:20px}.login-box input{width:100%;padding:14px;margin-bottom:20px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px}.login-box button{width:100%;padding:14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background:#0f172a;color:#fff;display:flex;flex-direction:column;box-shadow:4px 0 15px #0000001a;z-index:10}.sidebar-header{padding:30px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{margin:0 0 10px;font-size:28px;background:-webkit-linear-gradient(#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge-role{background:#3b82f633;color:#60a5fa;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.sidebar-nav{flex:1;padding:24px 12px;display:flex;flex-direction:column;gap:8px}.sidebar-nav button{background:transparent;color:#94a3b8;border:none;padding:16px 20px;text-align:left;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s}.sidebar-nav button:hover{background:#ffffff0d;color:#fff}.sidebar-nav button.active{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.sidebar-footer{padding:24px;border-top:1px solid rgba(255,255,255,.1)}.user-info{margin-bottom:15px}.user-info strong{display:block;font-size:16px}.user-info span{display:block;font-size:12px;color:#94a3b8}.logout-btn{width:100%;padding:10px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s}.logout-btn:hover{background:#ef4444;color:#fff}.main-content{flex:1;overflow-y:auto;padding:40px}.page-header{margin-bottom:30px}.page-header h1{margin:0;font-size:32px;color:#0f172a}.page-header p{color:#64748b;margin-top:5px}.stats-row{display:flex;gap:25px;margin-bottom:40px}.stat-card{flex:1;background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d}.stat-card h3{margin-top:0;color:#64748b;font-size:14px;text-transform:uppercase}.stat-card p{font-size:42px;margin:10px 0 0;color:#3b82f6;font-weight:800}.stat-card ul{list-style:none;padding:0;margin-top:10px}.stat-card li{padding:6px 12px;background:#f1f5f9;border-radius:6px;margin-bottom:5px;font-weight:600;font-size:14px}.card-section{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d}.card-section h2{margin-top:0;color:#0f172a;margin-bottom:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:30px}.mt-4{margin-top:30px}.stacked-form{display:flex;flex-direction:column;gap:15px}.stacked-form input,.stacked-form select,.stacked-form textarea{padding:12px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px;background:#f8fafc}.stacked-form input:focus,.stacked-form select:focus,.stacked-form textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-primary{padding:14px;background:#0f172a;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}.btn-primary:hover{background:#1e293b}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:16px;text-align:left;border-bottom:1px solid #f1f5f9}.data-table th{color:#64748b;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.badge{background:#e2e8f0;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700}.badge-pulse{background:#dcfce7;color:#166534;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;animation:pulse 2s infinite}.filters-container{display:flex;gap:15px;align-items:center}.filter-input{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;margin-bottom:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;width:90%;max-width:800px;max-height:85vh;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-header{padding:20px 30px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:20px}.close-btn{background:none;border:none;font-size:28px;color:#64748b;cursor:pointer;padding:0;line-height:1}.proof-grid{padding:30px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.proof-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.proof-img{width:100%;height:160px;object-fit:cover;background:#f8fafc}.proof-no-img{width:100%;height:160px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#94a3b8;font-weight:600}.proof-stats{padding:15px;background:#fff}.proof-stats p{margin:5px 0;font-size:13px;color:#475569}.btn-secondary{padding:8px 12px;background:transparent;color:#3b82f6;border:1px solid rgba(59,130,246,.3);border-radius:6px;font-size:12px;font-weight:700;cursor:pointer}.btn-secondary:hover{background:#3b82f61a}.btn-danger{padding:8px 12px;background:#fef2f2;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:6px;font-size:12px;font-weight:700;cursor:pointer}.btn-danger:hover{background:#fee2e2}.action-buttons{display:flex;gap:8px}