*,:before,:after{box-sizing:border-box}body{color:#1f2933;background:radial-gradient(circle at top,#f5f7ff 0,#e2e8f0 40%,#cbd5e1 100%);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:20;color:#e5e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af5;justify-content:space-between;align-items:center;padding:10px 24px;display:flex;position:sticky;top:0}.app-logo{letter-spacing:.05em;font-size:20px;font-weight:700}.app-nav{gap:10px;margin:0 16px;display:flex}.nav-link{color:#e5e7eb;opacity:.85;border-radius:999px;padding:6px 10px;font-size:14px;text-decoration:none;transition:background .15s,opacity .15s,transform 50ms}.nav-link:hover{opacity:1;background:#94a3b840;transform:translateY(-1px)}.nav-link.active{color:#0f172a;opacity:1;background:#38bdf8}.app-header-right{align-items:center;gap:10px;display:flex}.app-user{color:#e5e7eb;font-size:14px}.app-user-role{color:#9ca3af;font-size:12px}.app-main{flex:1;padding:16px}.app-content{background:#ffffffe6;border-radius:16px;max-width:1200px;margin:0 auto;padding:20px;box-shadow:0 18px 35px #0f172a1f}.btn{cursor:pointer;color:#0f172a;background:#38bdf8;border:none;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:500;transition:background .15s,transform 50ms,box-shadow .15s}.btn:hover{background:#0ea5e9;transform:translateY(-1px);box-shadow:0 6px 14px #38bdf859}.btn:active{box-shadow:none;transform:translateY(0)}.btn-outline{color:#e5e7eb;background:0 0;border:1px solid #94a3b8b3}.btn-outline:hover{background:#94a3b833}form{width:100%}input,select,textarea{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:7px 9px;font-size:14px;transition:border .12s,box-shadow .12s,background .12s}input:focus,select:focus,textarea:focus{background:#f9fafb;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf866}label{color:#4b5563;font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:8px 10px}th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;font-weight:600}tbody tr:nth-child(2n){background:#f9fafb}tbody tr:hover{background:#e0f2fe}.modal-backdrop{z-index:40;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 20px 40px #0f172a59}h1,h2,h3{color:#0f172a;margin-top:0}p{margin:4px 0}