:root{color:#f8f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#030617;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 15% 5%,#4e20ff59,#0000 28%),radial-gradient(circle at 85% 25%,#0099ff38,#0000 30%),radial-gradient(circle at 60% 100%,#de00ff29,#0000 34%),linear-gradient(135deg,#020411 0%,#06122b 50%,#07031b 100%);min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{grid-template-columns:260px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.sidebar{background:radial-gradient(circle at top,#6600ff61,#0000 35%),linear-gradient(#0a072bfa,#020c23fa);border-right:1px solid #9d4eff59;flex-direction:column;min-height:100vh;padding:28px 18px;display:flex;position:relative;overflow:hidden;box-shadow:12px 0 45px #003aff1f,inset -1px 0 #ffffff0a}.sidebar:after{content:"";filter:blur(95px);opacity:.35;pointer-events:none;background:#6d00ff;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-80px;left:-100px}.brand{z-index:1;align-items:center;gap:13px;padding:5px 9px 34px;display:flex;position:relative}.crown{filter:drop-shadow(0 0 13px #ffc400bf);font-size:39px}.brand h2{letter-spacing:.05em;margin:0;font-size:22px;font-weight:900}.brand span{color:#39bfff;letter-spacing:.16em;margin-top:4px;font-size:10px;font-weight:700;display:block}nav{z-index:1;flex-direction:column;gap:9px;display:flex;position:relative}.nav{color:#c8c9e7;text-align:left;background:0 0;border:1px solid #0000;border-radius:15px;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 17px;font-weight:650;transition:all .2s;display:flex}.nav:hover{color:#fff;background:#20418738;border-color:#4993ff47}.nav.active{color:#fff;background:linear-gradient(100deg,#087cff,#661cff 58%,#d000ff);border-color:#37c4ff73;box-shadow:0 10px 30px #4c20ff59,0 0 25px #00aeff2e}.sidebar-bottom{z-index:1;color:#cdd3f5;background:#10163f8c;border:1px solid #6252ff47;border-radius:16px;align-items:center;gap:10px;margin-top:auto;padding:17px;display:flex;position:relative;box-shadow:inset 0 0 25px #431eff14}.status-dot{background:#14f195;border-radius:50%;flex:0 0 11px;width:11px;height:11px;box-shadow:0 0 8px #14f195,0 0 20px #14f195b3}main{min-width:0;padding:30px}header{background:linear-gradient(110deg,#0b123cf0,#280a5fde),radial-gradient(circle at 80% 30%,#0099ff59,#0000 30%);border:1px solid #ad2effa6;border-radius:25px;justify-content:space-between;align-items:center;gap:30px;min-height:235px;padding:38px 42px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000061,0 0 28px #7415ff2e,inset 0 0 40px #216cff14}header:before{content:"";filter:blur(85px);opacity:.36;background:linear-gradient(135deg,#006eff,#d000ff);border-radius:50%;width:380px;height:380px;position:absolute;top:-180px;right:-100px}header:after{content:"CQ";color:#ffffff06;pointer-events:none;font-size:190px;font-weight:1000;line-height:1;position:absolute;bottom:-35px;right:55px}header>*{z-index:2;position:relative}.eyebrow{color:#25c6ff;letter-spacing:.18em;margin:0 0 9px;font-size:11px;font-weight:900}h1{color:#fff;letter-spacing:-.04em;margin:0;font-size:clamp(38px,5vw,63px);font-weight:900;line-height:.98}h1 span{background:linear-gradient(90deg,#00c8ff,#7760ff,#f000ff);color:#0000;filter:drop-shadow(0 0 18px #6450ff40);-webkit-background-clip:text;background-clip:text}.subtitle{color:#b6bddc;margin:15px 0 0;font-size:17px}.add-btn,.save-btn{color:#fff;background:linear-gradient(100deg,#087cff,#6835ff 52%,#f000df);border:1px solid #ffffff2e;border-radius:14px;padding:14px 21px;font-weight:850;transition:transform .18s,box-shadow .18s;box-shadow:0 12px 35px #4f26ff61,0 0 22px #e800ff2e}.add-btn:hover,.save-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #4f26ff7a,0 0 30px #e800ff47}.toolbar{grid-template-columns:minmax(0,1fr) 190px;gap:16px;margin:20px 0 30px;display:grid}.search{background:linear-gradient(90deg,#0d1942e0,#220d4cb3);border:1px solid #535aff61;border-radius:17px;align-items:center;gap:12px;min-height:59px;padding:0 18px;display:flex;box-shadow:inset 0 0 25px #3137ff12,0 10px 30px #00000026}.search input{color:#fff;background:0 0;border:0;outline:none;width:100%;font-size:15px}.search input::placeholder{color:#8187aa}.counter{background:linear-gradient(135deg,#3f178aad,#082c6dad);border:1px solid #e21cff66;border-radius:17px;flex-direction:column;justify-content:center;padding:9px 20px;display:flex;box-shadow:0 0 28px #7d14ff1a}.counter strong{color:#fff;font-size:27px}.counter span{color:#b7bde0;font-size:12px}.section-title{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-title h3{margin:0;font-size:26px;font-weight:850}.cards{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:17px;display:grid}.card{background:radial-gradient(circle at 100% 0,#7427ff2e,#0000 40%),linear-gradient(145deg,#0c1d44eb,#110931eb);border:1px solid #466fff52;border-radius:21px;min-height:220px;padding:20px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000042,inset 0 0 28px #2b51ff0d}.card:nth-child(3n+2){background:radial-gradient(circle at 100% 0,#ec00ff2e,#0000 40%),linear-gradient(145deg,#1d0e48eb,#0d0f30eb);border-color:#d726ff4d}.card:nth-child(3n+3){background:radial-gradient(circle at 100% 0,#00d3ff29,#0000 40%),linear-gradient(145deg,#062645eb,#110a34eb);border-color:#00dcff4d}.card:hover{border-color:#6c8fffb3;transform:translateY(-4px);box-shadow:0 22px 55px #00000052,0 0 28px #4c45ff26}.card-icon{background:linear-gradient(135deg,#0077ff52,#7700ff52);border:1px solid #5d99ff66;border-radius:17px;place-items:center;width:58px;height:58px;margin-bottom:16px;font-size:29px;display:grid;box-shadow:inset 0 0 20px #ffffff0a,0 0 22px #3f42ff26}.category{color:#22caff;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:900;display:inline-block}.card h3{color:#fff;word-break:break-word;margin:0 0 20px;font-size:21px}.card-actions{gap:9px;display:flex}.card-actions a,.delete{z-index:2;text-align:center;border-radius:11px;flex:1;padding:11px 10px;font-size:13px;font-weight:800;position:relative}.card-actions a{background:linear-gradient(100deg,#087cff,#6934ff,#d400ff);border:1px solid #ffffff1f;box-shadow:0 8px 20px #4f2aff3d}.delete{color:#ffb4ca;background:#7c123e33;border:1px solid #ff4c8540}.empty{text-align:center;background:radial-gradient(circle,#6222ff2e,#0000 32%),linear-gradient(145deg,#081b43e0,#150735e6);border:1px solid #4c66ff66;border-radius:24px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:330px;padding:45px 24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #2f4cff0d,0 20px 50px #0000002e}.empty:before,.empty:after{content:"";filter:blur(45px);opacity:.22;border-radius:50%;width:420px;height:120px;position:absolute}.empty:before{background:#006eff;bottom:-65px;left:-130px}.empty:after{background:#e000ff;bottom:-65px;right:-130px}.empty-icon{z-index:1;color:#fff;background:linear-gradient(135deg,#5119b9,#083c99);border:2px solid #6f5cff;border-radius:50%;place-items:center;width:78px;height:78px;margin-bottom:18px;font-size:39px;display:grid;position:relative;box-shadow:0 0 0 7px #6c39ff1f,0 0 30px #523eff8c,0 0 45px #00aeff33}.empty h3,.empty p{z-index:1;position:relative}.empty h3{margin:0;font-size:23px}.empty p{color:#aeb6dc;margin:9px 0 0}.modal{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#010310c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.hidden{display:none!important}.modal-card{background:radial-gradient(circle at 100% 0,#7819ff33,#0000 35%),linear-gradient(145deg,#0b1838,#14072d);border:1px solid #9730ff94;border-radius:25px;width:min(480px,100%);padding:30px;position:relative;box-shadow:0 35px 100px #000000b3,0 0 35px #691aff38}.modal-card h2{color:#fff;margin:0 0 22px;font-size:28px}.modal-card label{color:#d3d7ee;margin:15px 0 7px;font-size:13px;font-weight:750;display:block}.modal-card input{color:#fff;background:#081330e0;border:1px solid #6377ff52;border-radius:12px;outline:none;width:100%;padding:13px 14px}.modal-card input:focus{border-color:#855cff;box-shadow:0 0 0 3px #7a50ff1f,0 0 20px #5439ff1f}.modal-card input::placeholder{color:#697393}.save-btn{width:100%;margin-top:22px}.close{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:11px;place-items:center;width:36px;height:36px;padding:0;font-size:25px;display:grid;position:absolute;top:15px;right:16px}@media (width<=900px){.app{display:block}.sidebar{border-bottom:1px solid #6f3aff47;border-right:0;min-height:auto;padding:14px}.brand{padding-bottom:14px}nav{grid-template-columns:repeat(4,1fr);display:grid}.nav{justify-content:center;padding:10px 6px}.nav span,.sidebar-bottom{display:none}main{padding:16px}header{flex-direction:column;align-items:flex-start;min-height:220px;padding:27px 24px}header:after{font-size:120px;right:10px}.add-btn{width:100%}.toolbar{grid-template-columns:1fr}.counter{min-height:65px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){main{padding:11px}header{border-radius:20px}h1{font-size:39px}.subtitle{font-size:14px}.cards{grid-template-columns:1fr}.card{min-height:195px}.empty{min-height:290px}}