:root{--primary: #071545;--primary-dark: #040e30;--secondary: #e29d3c;--secondary-dark: #c96528;--bg: #f5f7fb;--card: rgba(255, 255, 255, .82);--text: #152033;--muted: #718096;--line: rgba(22, 56, 102, .12);--danger: #d64545;--success: #1a9b62;--warning: #c27803;--shadow: 0 24px 70px rgba(22, 56, 102, .12)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 10%,rgba(226,127,60,.16),transparent 30%),radial-gradient(circle at 85% 0%,rgba(22,56,102,.2),transparent 38%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.btn{border:0;border-radius:14px;padding:12px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 14px 32px #16386640}.btn-secondary{background:var(--secondary);color:#fff;box-shadow:0 14px 32px #e27f3c40}.btn-light{background:white;color:var(--primary);border:1px solid var(--line)}.btn-danger{background:rgba(214,69,69,.1);color:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.card{background:var(--card);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo{max-width:50px;height:auto}.field{display:grid;gap:8px;margin-bottom:16px}.field label{color:var(--primary);font-weight:800;font-size:13px}.field input,.field textarea,.field select{border:1px solid var(--line);background:rgba(255,255,255,.78);border-radius:16px;padding:13px 15px;outline:none;transition:border .2s ease,box-shadow .2s ease,transform .2s ease}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--secondary);box-shadow:0 0 0 4px #e27f3c1f}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-weight:800;font-size:12px;background:rgba(22,56,102,.08);color:var(--primary)}.badge.success{background:rgba(26,155,98,.12);color:var(--success)}.badge.warning{background:rgba(194,120,3,.12);color:var(--warning)}.badge.danger{background:rgba(214,69,69,.12);color:var(--danger)}.toast-error,.toast-success{border-radius:18px;padding:12px 14px;margin:10px 0;font-weight:700}.toast-error{background:rgba(214,69,69,.1);color:var(--danger)}.toast-success{background:rgba(26,155,98,.1);color:var(--success)}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}.page-title h1{margin:0;font-size:clamp(28px,4vw,44px);color:var(--primary);letter-spacing:-1.2px}.page-title p{margin:8px 0 0;color:var(--muted)}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 900px){.grid-3,.grid-2{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column}}@keyframes floatIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-in{animation:floatIn .45s cubic-bezier(.2,.8,.2,1) both}.skeleton{position:relative;overflow:hidden;background:rgba(7,21,69,.08);border-radius:12px}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:skeletonShimmer 1.25s infinite}.skeleton-line{height:14px;width:100%}.skeleton-line.short{width:42%}.skeleton-line.medium{width:68%}.skeleton-title{height:28px;width:56%}.skeleton-avatar{width:44px;height:44px;border-radius:15px}.skeleton-card{min-height:140px}@keyframes skeletonShimmer{to{transform:translate(100%)}}.modal-backdrop{position:fixed;inset:0;background:rgba(10,22,42,.44);display:grid;place-items:center;padding:20px;z-index:60}.modal-panel{width:min(620px,100%);background:white;border-radius:30px;padding:26px;box-shadow:0 30px 90px #00000047;animation:floatIn .25s ease both}.modal-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:0;color:var(--primary)}.close-btn{border:0;background:rgba(22,56,102,.08);color:var(--primary);width:38px;height:38px;border-radius:12px;font-size:20px}