:root{--bg: #f7f7f7;--card: #fff;--text: #222;--muted: #666;--primary: #1f6feb;--border: #e6e6e6}:root *{box-sizing:border-box}:root html,:root body,:root #root{height:100%}:root body{min-height:100vh;margin:0;padding:0;background:linear-gradient(135deg,#0f2027,#2c5364);background-color:#0a0a23;color:#e0e6f0;font-family:Segoe UI,Roboto,Arial,sans-serif;position:relative;overflow-x:hidden}:root body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;background:url(https://www.transparenttextures.com/patterns/stardust.png);opacity:.3}:root .app-container,:root .main-content,:root .modal{background:#141826d9;border-radius:16px;box-shadow:0 4px 32px #000000b3;padding:24px;margin:24px auto;max-width:900px}:root h1,:root h2,:root h3,:root h4,:root h5,:root h6,:root p,:root label,:root span,:root a{color:#e0e6f0}:root button,:root .btn,:root a{background:linear-gradient(90deg,#3a3a7c,#1e90ff);color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;transition:background .3s,box-shadow .3s;box-shadow:0 2px 8px #1e90ff33}:root button:hover,:root .btn:hover,:root a:hover{background:linear-gradient(90deg,#1e90ff,#3a3a7c);box-shadow:0 4px 16px #1e90ff66}:root ::-webkit-scrollbar{width:10px;background:#181c2b}:root ::-webkit-scrollbar-thumb{background:#2c5364;border-radius:8px}.container{padding:16px;max-width:1100px;margin:0 auto}.navbar{background:#0b0f10;color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.navbar h1{margin:0;font-size:18px}.navlinks a{background:none;box-shadow:none;color:#fff;text-decoration:none;margin-left:14px;padding:6px 8px;border-radius:6px}.navlinks a:hover{background:#ffffff1f}.filters{display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin-bottom:12px}@media (max-width: 900px){.filters{grid-template-columns:1fr 1fr}}.searchInput,.select,.dateInput{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff}.grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.card{background:#181c2bf2;border:1px solid #2c5364;border-radius:12px;padding:14px;color:#e0e6f0;box-shadow:0 2px 16px #1e90ff14;transition:transform .18s cubic-bezier(.4,.2,.2,1),box-shadow .18s cubic-bezier(.4,.2,.2,1)}.card:hover{transform:scale(1.035);box-shadow:0 8px 32px #1e90ff40,0 1.5px 8px #0000002e;z-index:2}.card h3{margin:0 0 4px;font-size:18px;color:#fff;text-shadow:0 1px 4px #1e223a}.meta{color:#b0b8d1;font-size:14px}.actions{margin-top:10px;display:flex;gap:8px}.btn{display:inline-block;padding:8px 12px;background:var(--primary);color:#fff;border:none;border-radius:8px;text-decoration:none;cursor:pointer}.btn.secondary{background:#444}.detail{background:#181c2bf2;transition:transform .1s cubic-bezier(.4,.2,.2,1),box-shadow .18s cubic-bezier(.4,.2,.2,1);border:1px solid var(--border);border-radius:12px;padding:16px}.detail p{margin:8px 0}.pagination{margin-top:14px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.pagebtn{border:1px solid var(--border);background:#fff;padding:6px 10px;border-radius:6px;cursor:pointer}.pagebtn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagebtn:disabled{opacity:.5;cursor:default}.form{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;max-width:560px}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 700px){.form .row{grid-template-columns:1fr}}.input,.textarea,.selectFull{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;margin:6px 0 12px;background:#fff}.textarea{min-height:100px;resize:vertical}.modalOverlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center}.modalCard{background:#181c2bf2;border:1px solid var(--border);border-radius:12px;padding:18px;width:min(92vw,440px)}.form{background:#181c2bf2;transition:transform .1s cubic-bezier(.4,.2,.2,1),box-shadow .18s cubic-bezier(.4,.2,.2,1)}.form:hover{transform:scale(1.025);box-shadow:0 8px 32px #1e90ff40,0 1.5px 8px #0000002e;z-index:2}