:root{--primary: #0f3d5e;--primary-2: #155b87;--accent: #f5a623;--bg: #f4f7fb;--surface: #ffffff;--text: #1d2939;--muted: #667085;--border: #d9e2ec;--danger: #b42318;--success: #027a48;--warning: #b54708;--shadow: 0 10px 25px rgba(15, 61, 94, .08)}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.btn{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700;transition:.15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-2)}.btn-secondary{background:#e7eef5;color:var(--primary)}.btn-danger{background:#fee4e2;color:var(--danger)}.btn-warning{background:#fff1dc;color:var(--warning)}.btn-success{background:#dcfae6;color:var(--success)}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:18px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.page-title h1{margin:0;font-size:24px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:13px;color:var(--muted);font-weight:700}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:#fff;min-height:40px}.form-field textarea{min-height:80px;resize:vertical}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:top}th{background:#f8fafc;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eef4ff;color:var(--primary);white-space:nowrap}.badge-success{background:#dcfae6;color:var(--success)}.badge-warning{background:#fff1dc;color:var(--warning)}.badge-danger{background:#fee4e2;color:var(--danger)}.actions{display:flex;gap:8px;flex-wrap:wrap}.error{color:var(--danger);background:#fff1f0;border:1px solid #fecdca;padding:10px 12px;border-radius:10px}.success{color:var(--success);background:#ecfdf3;border:1px solid #abefc6;padding:10px 12px;border-radius:10px}.muted{color:var(--muted)}@media (max-width: 900px){.grid-2,.grid-3{grid-template-columns:1fr}}html{min-width:320px}body{overflow-x:hidden}img,svg,video,canvas{max-width:100%}input,select,textarea,button,.card{max-width:100%}.page-title{flex-wrap:wrap}.page-title>div:first-child{min-width:0}.page-title p{color:var(--muted);line-height:1.45}.actions{align-items:center}.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:760px}.table-wrap::-webkit-scrollbar{height:10px}.table-wrap::-webkit-scrollbar-thumb{background:#c7d3df;border-radius:999px}.table-wrap::-webkit-scrollbar-track{background:#edf2f7;border-radius:999px}.form-field input,.form-field select,.form-field textarea{width:100%}@media (max-width: 1200px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.page-title{align-items:flex-start}.page-title h1{font-size:22px}.card{padding:16px;border-radius:16px}.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width: 640px){.page-title{display:grid;grid-template-columns:1fr}.page-title h1{font-size:20px;line-height:1.2}.page-title .actions,.actions{width:100%;gap:8px}.page-title .actions .btn,.actions .btn,.actions a.btn,.actions button.btn{flex:1 1 150px}.btn{width:auto;min-height:42px;padding:10px 12px}.card{padding:14px;border-radius:14px}th,td{padding:10px 8px;font-size:13px}.badge{font-size:11px}}@media (max-width: 420px){.page-title .actions .btn,.actions .btn,.actions a.btn,.actions button.btn{flex:1 1 100%;width:100%}.table-wrap table{min-width:680px}}.btn .icon,a.btn .icon,button.btn .icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:14px;margin-right:4px}.btn span,a.btn span,button.btn span{vertical-align:middle}