:root{--primary-navy:#1a2980;--secondary-green:#10b981;--accent-gold:#f59e0b;--bg-color:#f4f7f6;--surface-color:#fff;--text-dark:#1f2937;--text-muted:#6b7280;--border-color:#e5e7eb;--danger-red:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif}.app-container{background-color:var(--bg-color);flex-direction:column;width:100%;max-width:1024px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.header{background:linear-gradient(135deg, var(--primary-navy) 0%, #293b9b 100%);color:#fff;border-bottom-right-radius:20px;border-bottom-left-radius:20px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 4px 10px #1a298033}.content{flex:1;padding:20px 20px 80px;overflow-y:auto}.glass-card{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;padding:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.card{background-color:var(--surface-color);border-radius:16px;margin-bottom:16px;padding:16px;box-shadow:0 4px 6px -1px #0000000d}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-navy);color:#fff;box-shadow:0 4px 14px #1a298063}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px 8px #1a298063}.btn-success{background:var(--secondary-green);color:#fff;box-shadow:0 4px 14px #10b98163}.btn-warning{background:var(--accent-gold);color:#fff;box-shadow:0 4px 14px #f59e0b63}.fab{background:linear-gradient(135deg, var(--secondary-green), #059669);color:#fff;cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 14px #10b98180}.fab:active{transform:scale(.95)}.form-group{margin-bottom:16px}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-control{border:1px solid var(--border-color);background:var(--surface-color);width:100%;color:var(--text-dark);border-radius:12px;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--primary-navy);outline:none;box-shadow:0 0 0 3px #1a29801a}.text-h1{font-size:24px;font-weight:700}.text-h2{font-size:20px;font-weight:600}.text-h3{font-size:16px;font-weight:600}.text-body{color:var(--text-dark);font-size:14px}.text-small{color:var(--text-muted);font-size:12px}.text-primary{color:var(--primary-navy)}.text-success{color:var(--secondary-green)}.text-warning{color:var(--accent-gold)}.text-danger{color:var(--danger-red)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.badge{text-transform:uppercase;border-radius:20px;padding:4px 8px;font-size:11px;font-weight:600}.badge-danger{color:var(--danger-red);background:#ef44441a}.badge-success{color:var(--secondary-green);background:#10b9811a}.badge-warning{color:var(--accent-gold);background:#f59e0b1a}.bottom-nav{background:var(--surface-color);z-index:50;border-top-left-radius:20px;border-top-right-radius:20px;justify-content:space-around;width:100%;padding:10px 0 20px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 10px #0000000d}.nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:var(--primary-navy)}@media (width>=481px){.bottom-nav{max-width:1024px;left:50%;transform:translate(-50%)}}@media (width>=768px){.dashboard-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}}