@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#203330;background:#f5f7f6;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:248px;background:#102e2a;color:#e2eeea;padding:36px 22px;position:fixed;height:100vh}.brand{font:800 25px Manrope;margin-bottom:60px;display:flex;gap:12px}.mint{color:#a7d8bb}.small{font-size:10px;letter-spacing:2px;color:#88a59b;margin:0 14px 18px}.nav{display:block;background:none;color:#adc4bc;border:0;width:100%;text-align:left;padding:15px 12px;margin:6px 0}.nav.active{background:#25463e;color:#d9f3bd}.bottom{position:absolute;bottom:36px;padding:18px 12px;color:#a8bfb6;font-size:12px;line-height:1.8}.bottom b{color:#e1eae5}.tag{background:#26483d;border-radius:20px;padding:5px 10px;font-size:10px;color:#c5e1ba}main{margin-left:248px;width:calc(100% - 248px);padding:0 48px}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe6e1}header>span{font-size:10px;letter-spacing:1.7px;color:#7b8c84}button{cursor:pointer;border:1px solid #d9e2db;background:white;color:#304b41;padding:10px 16px;border-radius:7px;font:600 12px 'DM Sans'}button:hover{filter:brightness(.96)}button.primary{background:#204b3b;color:white;border-color:#204b3b}button:disabled{opacity:.5;cursor:default}h1{font:800 34px Manrope;letter-spacing:-1.3px;margin:0 0 10px}h2{font:700 18px Manrope;margin:0 0 7px}h3{font-size:14px;margin:0 0 20px}p{color:#7c8a82;line-height:1.7;margin:5px 0 20px}.title{display:flex;justify-content:space-between;align-items:center;margin:38px 0 28px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#688477;font-weight:700;margin-bottom:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.stat,.card{background:white;border:1px solid #e1e7e2;border-radius:12px;padding:25px}.stat span{color:#819087;font-size:12px}.stat strong{display:block;font:700 29px Manrope;margin-top:10px}.grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.cardtop{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0ed;padding-bottom:18px;margin-bottom:24px}.step{color:#688373;background:#edf3eb;padding:7px 10px;border-radius:7px;font-size:11px}.field{margin:20px 0}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}input,select{width:100%;padding:12px;border:1px solid #d9e2dc;border-radius:7px;font:14px 'DM Sans';background:white;color:#314a40}input:focus,select:focus{outline:2px solid #99bbaa}small{display:block;color:#8b978f;font-size:11px;margin-top:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview{background:#f2f5ef;border:1px dashed #c6d4c1;border-radius:9px;text-align:center;padding:28px 12px;margin:24px 0}.preview code{font-size:24px;font-weight:700;letter-spacing:1px}.preview .qr{margin:14px auto;width:110px}.qr svg{width:100%;height:auto;display:block}.legend{font-size:10px;color:#879782;margin-top:14px}.wide{width:100%;padding:14px}.note{padding:15px;background:#f4f7f3;border-radius:7px;color:#70816e;font-size:12px;line-height:1.7}table{border-collapse:collapse;width:100%;margin-top:20px}th{text-align:left;font-size:10px;letter-spacing:1px;color:#819086;padding:14px 10px;background:#f6f8f5}td{padding:15px 10px;border-bottom:1px solid #edf0ec;font-size:12px}code{font-family:Consolas,monospace}.row{display:flex;gap:10px;align-items:center;justify-content:space-between}.empty{text-align:center;padding:30px;color:#85958b}footer{font-size:11px;color:#8c9990;padding:28px 0;line-height:1.7}.badge{background:#edf3e7;color:#5c7951;border-radius:20px;padding:5px 9px;font-size:10px}dialog{border:0;border-radius:14px;padding:30px;width:510px;max-width:95vw;box-shadow:0 25px 80px #102e2a33}dialog::backdrop{background:#102e2a66}#toast{position:fixed;bottom:25px;right:25px;background:#204b3b;color:white;padding:14px 23px;border-radius:8px;display:none}.scroll{overflow:auto;max-height:420px}.actions{display:flex;gap:8px;margin-top:20px}.error{color:#ad423a} @media(max-width:1050px){aside{width:195px}main{margin-left:195px;width:calc(100% - 195px);padding:0 24px}.grid{grid-template-columns:1fr}}@media(max-width:650px){aside{position:static;width:100%;height:auto;padding:18px}.brand{margin-bottom:16px}.small,.bottom{display:none}.nav{display:inline-block;width:auto;padding:10px}body{display:block}main{margin:0;width:100%;padding:0 18px}.stats{gap:8px}.stat{padding:15px}header>span{display:none}h1{font-size:27px}.title{gap:14px}.two{grid-template-columns:1fr}}
textarea{width:100%;padding:12px;border:1px solid #d9e2dc;border-radius:7px;font:14px sans-serif;resize:vertical}
:root{color:#222334;background:#f7f6f8}aside{background:#222334}.brand{display:block;font-size:19px;line-height:1.4}.brand img{display:block;width:100%;max-width:180px;background:white;border-radius:8px;margin-bottom:16px}.nav.active{background:#493147;color:#fff}.small{color:#b8adbd}.bottom{color:#c2b8c5}button.primary,#toast{background:#c33f84;border-color:#c33f84}.badge,.step{background:#f8eaf2;color:#9d2f69}.preview{background:#faf3f7;border-color:#deb1cc}.note{background:#f6f3f7;color:#616379}input:focus,select:focus{outline-color:#cf8cb2}.eyebrow{color:#a83a76}

.login{display:inline-block;background:#c33f84;color:white;padding:12px 20px;border-radius:7px;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b66ba1;outline-offset:3px}
.brand img{max-width:195px;padding:5px}.brand{margin-bottom:32px}@media(max-width:650px){.brand img{max-width:150px}.title{display:block}.title>button{margin-top:12px}}
.wrap{flex-wrap:wrap;align-items:center}.danger{color:#a13449;border-color:#e7bac4}th input{min-width:165px;margin-bottom:6px}.actions{margin-top:8px}dialog{width:700px}
.passwordbox{position:relative}.passwordbox input{padding-right:75px}.passwordbox button{position:absolute;right:5px;top:5px;bottom:5px;border:0;background:#f6edf3;min-width:60px}.login-card{max-width:480px;margin:50px auto}.signed-out .nav,.signed-out header>div,.signed-out .bottom{display:none!important}.signed-out header>span{display:block!important}.creator{margin:0 0 14px;padding:8px 0;color:#616379}#session-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#session-tools small{margin:0}.nav[hidden]{display:none}@media(max-height:850px){aside .bottom{display:none}aside .brand{margin-bottom:20px}}header{height:auto;min-height:90px;gap:15px;flex-wrap:wrap;padding:15px 0}