@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102343;--ink:#192b45;--muted:#7b8aa2;--line:#e5ebf3;--bg:#f4f7fb;--blue:#315fbd}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px 'DM Sans',Arial,sans-serif;color:var(--ink)}button,input{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#102343;color:#fff;padding:27px 17px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 36px}.logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#4e85e8,#2e58ac);display:grid;place-items:center;font:800 25px Manrope;box-shadow:0 8px 20px #071a3b80}.logo span{color:#80e4d1}.brand b{display:block;font:800 18px Manrope;letter-spacing:-.5px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#8fa6c9;margin-top:3px}.section-label{font-size:10px;letter-spacing:1.7px;color:#7f95b7;padding:0 13px 12px}.nav{padding:14px 12px;border-radius:9px;display:flex;gap:12px;align-items:center;color:#b7c6dd;font-weight:700}.nav.active{background:#244574;color:#fff;box-shadow:inset 3px 0 #65d9c6}.privacy{margin-top:auto;border:1px solid #ffffff17;background:#ffffff08;border-radius:12px;padding:14px 12px;display:flex;gap:10px;align-items:flex-start}.privacy-check{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#1d796e;color:#b7fff0;font-weight:bold;flex-shrink:0}.privacy b{font-size:12px}.privacy p{font-size:11px;line-height:1.5;color:#a2b4ce;margin:5px 0 0}.main{width:calc(100% - 244px);padding:0 35px 20px;max-width:1800px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:26px 0 22px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#8090a8;margin-bottom:7px}.topbar h1{font:800 25px Manrope;margin:0;letter-spacing:-.7px}.ready{display:flex;align-items:center;gap:9px;color:#65758c;font-size:12px}.ready>i,.showing i{width:7px;height:7px;border-radius:50%;background:#29bd8a;display:inline-block}.avatar{margin-left:12px;height:37px;width:37px;display:grid;place-items:center;border-radius:50%;background:#dfe9fc;color:#315fbd;font-weight:800}.hero{position:relative;overflow:hidden;min-height:178px;background:linear-gradient(110deg,#17335e 0%,#244d86 68%,#2f63a4 100%);border-radius:15px;padding:27px 33px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 20px #183c7014}.mint{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#8ce8d7;margin-bottom:11px}.hero h2{font:800 24px Manrope;letter-spacing:-.6px;margin:0 0 8px}.hero p{font-size:12px;color:#d0def2;margin:0;max-width:550px;line-height:1.7}.hero-graphic{width:180px;height:140px;position:relative;flex-shrink:0;margin-right:25px}.orbit{position:absolute;border:1px solid #ffffff2d;border-radius:50%}.o1{height:145px;width:145px;right:0;top:-4px}.o2{height:108px;width:108px;right:18px;top:15px}.mini-card{position:absolute;top:22px;left:25px;width:108px;height:95px;background:#ffffffed;border-radius:11px;box-shadow:0 10px 24px #081b3e60;transform:rotate(-5deg);color:#1b3a66;padding:11px 12px}.mini-card small{display:block;font-size:9px;color:#7189ac;margin-top:10px}.mini-card b{display:block;font:800 20px Manrope;margin-top:3px}.mini-card em{display:block;font-size:6px;letter-spacing:1px;color:#7189ac;font-style:normal;margin-top:4px}.tick{float:right;background:#d8f8ec;color:#168c6c;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px;font-size:12px}.stats{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:16px;margin:20px 0}.stats article{background:#fff;border:1px solid var(--line);border-radius:13px;min-height:87px;padding:16px 19px;display:flex;align-items:center;gap:14px}.stat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;font-size:22px;flex-shrink:0}.blue{background:#eaf0ff;color:#396be1}.green{background:#e4f8f0;color:#1aab80}.amber{background:#fff2df;color:#f09117}.stats label{display:block;font-size:11px;color:#8190a6;margin-bottom:5px}.stats strong{display:block;font:800 20px Manrope;color:#162b49}.stats .filename{font-size:14px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{background:#fff;border:1px solid #e0e8f2;border-radius:15px;overflow:hidden;box-shadow:0 3px 10px #183c7006}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 20px}.panel-heading h3{font:800 16px Manrope;margin:0 0 6px}.panel-heading p{font-size:11px;color:#8491a7;margin:0}.buttons{display:flex;gap:9px}.btn{border:0;border-radius:8px;padding:11px 15px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s}.btn:hover{filter:brightness(.97);transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.light{border:1px solid #d6e0ef;color:#31578e;background:white}.btn.primary{background:#315fbd;color:white;box-shadow:0 4px 9px #315fbd20}.tools{display:flex;align-items:center;justify-content:space-between;background:#fbfcfe;border-top:1px solid #edf1f7;border-bottom:1px solid #e8edf4;padding:13px 24px}.search{width:min(440px,65%);height:38px;border:1px solid #dbe4f1;border-radius:8px;background:white;display:flex;align-items:center;gap:10px;padding:0 12px;color:#6b8fca;font-size:21px}.search input{border:0;outline:0;width:100%;font-size:11px;color:#253b5a}.search:focus-within{border-color:#7ca2ed;box-shadow:0 0 0 3px #315fbd12}.showing{display:flex;align-items:center;gap:8px;font-size:10px;color:#7f8da3}table{width:100%;border-collapse:collapse;text-align:left}thead th{height:42px;padding:0 17px;font-size:9px;letter-spacing:.8px;color:#8290a6;font-weight:700;white-space:nowrap;border-bottom:1px solid #e9eef5}tbody td{padding:13px 17px;border-bottom:1px solid #e9eef5;font-size:11px;color:#3a5275}tbody tr:last-child td{border-bottom:0}.account{display:flex;align-items:center;gap:10px;min-width:150px}.initials{width:34px;height:34px;border-radius:10px;background:#edf2ff;color:#315fbd;display:grid;place-items:center;font-weight:800}.account b{display:block;font-size:11px;color:#243b5d}.account small{display:block;font-size:9px;color:#8b9ab0;margin-top:4px}.username{font-weight:700;color:#315fbd}.password-cell{display:flex;align-items:center;gap:5px}.password-value{width:105px;max-width:100%;border:0;background:transparent;color:#315fbd;font-size:11px;outline:0;padding:2px}.eye{border:0;background:transparent;color:#7e94b4;cursor:pointer;padding:3px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;font-size:9px;font-weight:700;white-space:nowrap}.pill i{height:5px;width:5px;border-radius:50%;display:inline-block}.pill.good{background:#e6f8f1;color:#148e6a}.pill.good i{background:#22bd8b}.pill.bad{background:#fff2e3;color:#a86b14}.pill.bad i{background:#e69a36}.login-btn{padding:10px 12px;font-size:10px}.empty{text-align:center;padding:36px 10px 40px;color:#243b5d}.empty-symbol{width:43px;height:43px;border-radius:13px;background:#edf2ff;color:#4d79d0;display:grid;place-items:center;font-size:25px;margin:0 auto 12px}.empty b{font:800 13px Manrope}.empty p{font-size:11px;color:#8290a6;margin:7px 0 15px}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;border-top:1px solid #edf1f7;background:#fcfdff;color:#8795aa;font-size:10px}.panel-footer b{color:#47628b}.footer-brand{font-size:9px;letter-spacing:1.2px}.footer-brand i{color:#315fbd;font-style:normal}footer{display:flex;justify-content:space-between;color:#8b98ac;font-size:10px;padding:18px 2px 0} .toast{position:fixed;right:24px;bottom:24px;max-width:450px;padding:13px 18px;background:#15365d;color:#fff;border-radius:10px;box-shadow:0 8px 25px #10234340;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:10;font-size:12px}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#a83232}@media(max-width:1000px){.sidebar{width:205px}.main{width:calc(100% - 205px);padding:0 20px 20px}.hero-graphic{margin-right:0}.stats{gap:9px}.stats article{padding:12px}.panel-heading{padding:20px 16px}.tools{padding:12px 16px}thead th,tbody td{padding-left:10px;padding-right:10px}}@media(max-width:760px){.sidebar{width:68px;padding:20px 9px}.brand{padding:0 4px 28px}.brand>div:last-child,.section-label,.nav span,.privacy>div:last-child{display:none}.nav{justify-content:center}.privacy{padding:8px 7px}.main{width:calc(100% - 68px);padding:0 12px 16px}.topbar h1{font-size:20px}.ready{font-size:0}.hero{padding:22px}.hero-graphic{display:none}.hero h2{font-size:21px}.stats{grid-template-columns:1fr}.stats article{min-height:68px}.panel-heading{align-items:flex-start;gap:15px;flex-direction:column}.buttons{width:100%}.table-scroll{overflow-x:auto}table{min-width:720px}.tools{gap:10px}.search{width:70%}.panel-footer,footer{gap:10px;flex-wrap:wrap}}