*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#020617,#020617 40%,#000);color:#e5e7eb;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,#0f172a,#020617 55%,#000)}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:radial-gradient(circle at top left,#020617,#020617);border-bottom:1px solid rgba(30,64,175,.55);position:sticky;top:0;z-index:20}.top-nav-title{display:flex;flex-direction:column}.top-nav-title-main{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}.top-nav-title-sub{font-size:.7rem;color:#9ca3af}.top-nav-user{display:flex;align-items:center;gap:.5rem}.chip{border-radius:999px;padding:.15rem .6rem;font-size:.65rem;border:1px solid rgba(148,163,184,.5);color:#e5e7eb}.btn{border-radius:999px;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn-primary{background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);color:#022c22;box-shadow:0 10px 25px #22c55e59}.btn-ghost{background:#0f172acc;color:#e5e7eb;border:1px solid rgba(148,163,184,.4)}.layout-main{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar{display:none}.content{flex:1;padding:.9rem .9rem 5.5rem;max-width:960px;width:100%;margin:0 auto;overflow-y:auto}.page-title{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.page-subtitle{font-size:.8rem;color:#9ca3af;margin-bottom:1rem}.card{background:radial-gradient(circle at top left,#3b82f62e,#0f172afa);border-radius:1.1rem;border:1px solid rgba(30,64,175,.6);padding:.95rem}.grid{display:grid;gap:.75rem}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:.75rem .85rem;border-radius:.9rem;background:radial-gradient(circle at top,#0f172ae6,#0f172afa);border:1px solid rgba(30,64,175,.8)}.metric-label{font-size:.7rem;color:#9ca3af}.metric-value{font-size:1rem;font-weight:600;margin-top:.15rem}.pill-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.pill{font-size:.65rem;padding:.18rem .6rem;border-radius:999px;border:1px solid rgba(55,65,81,.8);color:#9ca3af}.nav-tabs{display:flex;overflow-x:auto;gap:.4rem;padding-bottom:.4rem;margin-bottom:.85rem}.nav-tab{font-size:.75rem;padding:.4rem .85rem;border-radius:999px;border:1px solid rgba(55,65,81,.9);white-space:nowrap}.nav-tab-active{background:linear-gradient(135deg,#22c55e,#4ade80);color:#022c22;border-color:transparent}.list{margin-top:.5rem;border-radius:.9rem;border:1px solid rgba(31,41,55,.9);background:radial-gradient(circle at top left,#0f172af5,#0f172afc)}.list-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .8rem;border-bottom:1px solid rgba(31,41,55,.8)}.list-row:last-child{border-bottom:none}.list-title{font-size:.8rem}.list-subtitle{font-size:.7rem;color:#9ca3af}.list-badge{font-size:.7rem;border-radius:999px;padding:.18rem .5rem;background:#16a34a2e;border:1px solid rgba(34,197,94,.6)}.form{display:flex;flex-direction:column;gap:.7rem}.field{display:flex;flex-direction:column;gap:.15rem}.field-label{font-size:.75rem;color:#9ca3af}.field-input,.field-select{border-radius:.7rem;border:1px solid rgba(55,65,81,.9);padding:.55rem .75rem;font-size:.8rem;background:#0f172ae6;color:#e5e7eb;min-height:2.4rem}.field-input::placeholder{color:#6b7280}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.section-title{font-size:.9rem;font-weight:600}.badge-soft{font-size:.65rem;padding:.18rem .5rem;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.5);color:#9ca3af}.fab{position:fixed;bottom:1.5rem;right:1.25rem;width:3.25rem;height:3.25rem;border-radius:50%;background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);color:#022c22;font-size:1.85rem;font-weight:300;line-height:1;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #22c55e8c;z-index:50;transition:transform .12s,box-shadow .12s}.fab:active{transform:scale(.92);box-shadow:0 3px 12px #22c55e66}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;z-index:100;display:flex;align-items:flex-end}.modal-sheet{width:100%;max-height:88vh;overflow-y:auto;background:radial-gradient(circle at top left,#3b82f621,#020617fc);border:1px solid rgba(30,64,175,.55);border-radius:1.4rem 1.4rem 0 0;padding:1.1rem 1rem 2.5rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-title{font-size:1rem;font-weight:600}.modal-close{width:2rem;height:2rem;border-radius:50%;border:1px solid rgba(55,65,81,.8);background:#0f172ae6;color:#9ca3af;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center}.row-actions{display:flex;gap:.35rem;flex-shrink:0}.btn-icon{width:2rem;height:2rem;border-radius:.55rem;border:1px solid rgba(55,65,81,.7);background:#0f172acc;color:#9ca3af;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon-danger{color:#f87171;border-color:#ef444459}.list-content{flex:1;min-width:0}.sidebar-link{position:relative;display:flex;align-items:center;gap:.55rem;padding:.42rem .6rem .42rem .75rem;border-radius:.65rem;text-decoration:none;cursor:pointer;transition:background .15s;overflow:hidden}.sidebar-link:hover{background:#1e293bb3}@media (min-width: 768px){.layout-main{flex-direction:row}.sidebar{display:block;width:220px;min-width:220px;flex-shrink:0;border-right:1px solid rgba(15,30,60,.9);background:linear-gradient(180deg,#050d1a,#020617);padding:1rem .7rem;position:sticky;top:0;height:100%;overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.content{padding:1.25rem 1.2rem 1.8rem}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fab{bottom:2rem;right:2rem}.modal-overlay{align-items:center;justify-content:center}.modal-sheet{border-radius:1.25rem;max-width:520px;max-height:85vh}}