body{color:#fff;background:#050505;margin:0;font-family:system-ui}.app{min-height:100vh;display:flex}.sidebar{background:#0b0b0b;border-right:1px solid #ffffff14;width:230px;padding:25px}.logo{margin-bottom:35px;font-size:20px}.nav{flex-direction:column;gap:12px;display:flex}.nav a{color:#aaa;border-radius:8px;padding:8px 12px;text-decoration:none}.nav a:hover{color:#fff;background:#ffffff0d}.content{flex:1;padding:40px}.cards{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;padding:22px}.card p{color:#888;margin-bottom:10px}.card h2{font-size:28px}table{border-collapse:collapse;width:100%}th{text-align:left;color:#777;padding-bottom:10px}td{border-top:1px solid #ffffff14;padding:14px 0}.status{border-radius:8px;padding:4px 10px;font-size:13px}.status-created{color:#facc15;background:#facc1526}.status-way{color:#60a5fa;background:#60a5fa26}.status-done{color:#4ade80;background:#4ade8026}.input{color:#fff;background:#0b0b0b;border:1px solid #ffffff4d;border-radius:6px;width:100%;margin-bottom:10px;padding:8px;display:block}.btn{color:#5f5f5f;background:#000;border-radius:6px;padding:8px 16px}.btn-delete{color:#fff;background:#a22;border-radius:6px;padding:6px 10px}.btn-cancel{color:#5a5959;background:#333;border-radius:6px;margin-top:8px;padding:6px 10px}.modal{background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#050505;border:1px solid #fff3;border-radius:10px;width:350px;padding:25px}