:root{color:#f4f3fa;font-synthesis:none;background:#10121b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app{flex-direction:column;min-height:100vh;display:flex}header{border-bottom:1px solid #292a3a;justify-content:space-between;align-items:center;height:77px;padding:0 max(22px,50vw - 410px);display:flex}.brand{letter-spacing:2px;align-items:center;gap:10px;font-size:20px;font-weight:900;display:flex}.mark{color:#15121c;background:#ad91ff;border-radius:9px;padding:5px 11px}.purple{color:#ad91ff}.beta{color:#c7b5fa;letter-spacing:2px;border:1px solid #4b405d;border-radius:20px;padding:8px;font-size:10px}main{flex:1;width:min(820px,100%);margin:0 auto;padding:32px 22px 70px}.hero{padding:22px 0 40px}.eyebrow{color:#b69aff;letter-spacing:2.4px;font-size:11px;font-weight:800}.hero h1,.detail h1{letter-spacing:-2px;margin:18px 0;font-size:clamp(40px,7vw,64px);line-height:1.08}.hero h1 span{color:#b69aff}.hero p,.heading p,.detail p{color:#a4a4b7;font-size:14px}.heading{justify-content:space-between;align-items:center;margin:18px 0 22px;display:flex}.heading h2{margin:0;font-size:25px}.heading p{margin:7px 0}.plus{color:#fff;background:#252338;border:1px solid #4c4662;border-radius:11px;width:43px;height:43px;font-size:28px}.empty{text-align:center;border:1px dashed #4d4762;border-radius:16px;padding:52px 22px}.big{color:#b69aff;font-size:36px}.empty h3{margin:12px 0}.empty p{color:#a4a4b7;max-width:330px;margin:0 auto 23px;font-size:14px}.primary{color:#17101f;background:#ad91ff;border:0;border-radius:10px;padding:13px 19px;font-weight:800}.cards{gap:12px;display:grid}.card,.ticket{color:#fff;text-align:left;background:#1c1f2c;border:1px solid #343548;border-radius:13px;align-items:center;display:flex}.card{gap:15px;width:100%;padding:18px}.cardicon{color:#b69aff;background:#30283f;border-radius:10px;padding:12px 17px;font-size:28px}.card>span:nth-child(2){flex:1}.card strong,.ticket strong{font-size:16px;display:block}.card small,.ticket small{color:#a4a4b7;margin-top:7px;display:block}.card b{color:#a4a4b7;font-size:27px}.back{color:#b69aff;background:0 0;border:0;padding:10px 0}.detail{padding:25px 0 28px}.detail h1{font-size:clamp(35px,6vw,50px)}.upload{color:#d4c1ff;text-align:center;cursor:pointer;background:#29223d;border:1px dashed #9777d8;border-radius:12px;margin:16px 0 22px;padding:22px;font-weight:800;display:block}.upload input{display:none}.ticket{gap:0}.ticketopen{color:#b69aff;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:15px;min-width:0;padding:17px;display:flex}.ticketopen>span:first-child{font-size:27px}.ticketopen>span:nth-child(2){min-width:0}.ticket strong{overflow-wrap:anywhere}.trash{color:#a6a4b4;background:0 0;border:0;padding:15px}.warning{color:#bdc7d7;background:#1c2634;border:1px solid #344154;border-radius:11px;margin-top:28px;padding:16px;font-size:12px;line-height:1.7}.error{color:#ffb2b2;background:#41202c;border-radius:8px;padding:12px}footer{text-align:center;color:#b69aff;letter-spacing:2px;border-top:1px solid #292a3a;padding:23px;font-size:11px;font-weight:900}footer span{color:#88899c;margin-left:8px;font-weight:400}.shade{background:#08080ddc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#232433;border:1px solid #454257;border-radius:16px;gap:17px;width:min(440px,100%);padding:24px;display:grid}.dialogtitle{justify-content:space-between;align-items:center;display:flex}.dialogtitle h2{margin:0}.dialogtitle button{color:#fff;background:0 0;border:0}.dialog label{color:#ccc4dd;gap:7px;font-size:13px;display:grid}.dialog input{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#12141d;border:1px solid #4b475a;border-radius:9px;padding:12px}.viewer{z-index:10;background:#08090d;flex-direction:column;display:flex;position:fixed;inset:0}.viewtop{border-bottom:1px solid #3b3b48;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;display:flex}.viewtop strong{overflow-wrap:anywhere;font-size:13px}.viewtop button{background:#ad91ff;border:0;border-radius:7px;padding:10px}.viewer iframe{background:#fff;border:0;flex:1;width:100%}.viewer img{object-fit:contain;width:100%;height:calc(100vh - 65px)}@media (width<=500px){main{padding:25px 18px 55px}header{padding:0 18px}.hero{padding:10px 0 25px}}