*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #0e7490;--primary-dark: #155e75;--primary-soft: #e0f2f7;--accent: #f59e0b;--danger: #dc2626;--danger-soft: #fee2e2;--ok: #15803d;--ok-soft: #dcfce7;--bg: #eef2f6;--card: #ffffff;--border: #dbe3ea;--text: #17232e;--muted: #5c6b7a;--shadow: 0 1px 2px rgba(16, 42, 67, .06), 0 4px 14px rgba(16, 42, 67, .07);--radius: 14px}html{-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}.topbar{background:linear-gradient(120deg,var(--primary-dark),var(--primary));color:#fff;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;position:sticky;top:0;z-index:10;box-shadow:0 2px 10px #0e749059}.topbar .brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:#fff}.topbar .brand .dot{width:34px;height:34px;border-radius:10px;background:#ffffff29;display:flex;align-items:center;justify-content:center;font-size:1.05rem}.topbar .brand h1{font-size:1.02rem;font-weight:700;letter-spacing:.01em}.topbar .brand small{display:block;font-size:.68rem;font-weight:400;opacity:.85;margin-top:-2px}.topbar .actions{display:flex;gap:.45rem;align-items:center}.topbar .actions button{background:#ffffff24;border:1px solid rgba(255,255,255,.25);color:#fff;padding:.42rem .8rem;border-radius:9px;font-size:.85rem;cursor:pointer;transition:background .15s}.topbar .actions button:hover{background:#ffffff42}.container{flex:1;width:100%;max-width:760px;margin:0 auto;padding:1rem 1rem 4rem}.pagehead{display:flex;align-items:center;gap:.7rem;margin:.25rem 0 1rem}.pagehead .back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--primary-dark);font-size:1.25rem;cursor:pointer;text-decoration:none;transition:transform .12s,background .15s}.pagehead .back:hover{background:var(--primary-soft);transform:translate(-2px)}.pagehead h2{font-size:1.2rem;color:var(--primary-dark);font-weight:700}.pagehead p{font-size:.82rem;color:var(--muted);margin-top:1px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;margin-bottom:1rem;box-shadow:var(--shadow)}.card h2{font-size:1rem;margin-bottom:.9rem;color:var(--primary-dark);display:flex;align-items:center;gap:.5rem}.card h2:before{content:"";width:4px;height:1.05em;border-radius:4px;background:linear-gradient(var(--primary),var(--accent));flex-shrink:0}.card h3{font-size:.92rem;margin:1rem 0 .55rem;color:var(--primary-dark)}label.field{display:block;margin-bottom:.85rem}label.field>span{display:block;font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:.3rem}input[type=text],input[type=number],input[type=date],input[type=time],input[type=email],input[type=password],select,textarea{width:100%;padding:.65rem .75rem;border:1.5px solid var(--border);border-radius:10px;font-size:1rem;background:#fbfcfe;color:var(--text);transition:border-color .15s,box-shadow .15s}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0e749026;background:#fff}.row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}@media (max-width: 480px){.row.wrap-sm{grid-template-columns:1fr}}.radio-group{display:flex;flex-wrap:wrap;gap:.4rem}.radio-group label{border:1.5px solid var(--border);border-radius:999px;padding:.42rem .9rem;font-size:.88rem;cursor:pointer;background:#fbfcfe;-webkit-user-select:none;user-select:none;transition:all .15s}.radio-group input{display:none}.radio-group label:hover{border-color:var(--primary)}.radio-group label.checked{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #0e749059}button.primary{width:100%;background:linear-gradient(120deg,var(--primary),var(--primary-dark));color:#fff;border:none;padding:.85rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 3px 10px #0e74904d;transition:transform .12s,box-shadow .15s,opacity .15s}button.primary:hover{transform:translateY(-1px);box-shadow:0 5px 16px #0e749066}button.primary:active{transform:translateY(0)}button.primary:disabled{opacity:.55;transform:none;box-shadow:none;cursor:default}button.secondary{background:var(--card);color:var(--primary-dark);border:1.5px solid var(--primary);padding:.55rem 1rem;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}button.secondary:hover{background:var(--primary-soft)}button.danger-link{background:none;border:none;color:var(--danger);font-size:.84rem;cursor:pointer;padding:.3rem}button.danger-link:hover{text-decoration:underline}.list-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;margin-bottom:.65rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem;text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:transform .12s,border-color .15s}a.list-item:hover{transform:translateY(-1px);border-color:var(--primary)}.list-item .title{font-weight:700;color:var(--primary-dark)}.list-item .sub{font-size:.82rem;color:var(--muted);margin-top:1px}.list-item .chev{color:var(--muted);font-size:1.2rem;flex-shrink:0}.list-item .right{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.76rem;font-weight:700}.badge.pos{background:var(--danger-soft);color:var(--danger)}.badge.neg{background:var(--ok-soft);color:var(--ok)}.badge.info{background:var(--primary-soft);color:var(--primary-dark)}.tabs{display:flex;gap:.25rem;overflow-x:auto;margin-bottom:1rem;-webkit-overflow-scrolling:touch;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:.3rem;box-shadow:var(--shadow)}.tabs a{flex:1;text-align:center;white-space:nowrap;padding:.5rem .85rem;border-radius:999px;font-size:.85rem;font-weight:600;text-decoration:none;color:var(--muted);transition:all .15s}.tabs a:hover{color:var(--primary-dark)}.tabs a.active{background:linear-gradient(120deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 2px 8px #0e749059}.capd-item{border-bottom:1px solid var(--border);padding:.8rem 0}.capd-item p{font-size:.92rem;font-weight:600;margin-bottom:.5rem}.capd-item:last-of-type{border-bottom:none}.score-box{text-align:center;padding:.9rem;border-radius:12px;margin:.9rem 0;font-weight:700;font-size:1.05rem}.score-box.pos{background:var(--danger-soft);color:var(--danger)}.score-box.neg{background:var(--ok-soft);color:var(--ok)}.msg{padding:.75rem .95rem;border-radius:10px;margin-bottom:.9rem;font-size:.9rem;font-weight:500}.msg.error{background:var(--danger-soft);color:var(--danger)}.msg.ok{background:var(--ok-soft);color:var(--ok)}.empty{text-align:center;color:var(--muted);padding:2rem 1rem;font-size:.92rem;background:var(--card);border:1.5px dashed var(--border);border-radius:var(--radius)}.fab-space{height:1rem}.checkbox-line{display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem;font-size:.95rem;cursor:pointer}.checkbox-line input{width:1.2rem;height:1.2rem;accent-color:var(--primary)}.hint{font-size:.8rem;color:var(--muted);margin-top:.2rem}table.mini{width:100%;border-collapse:collapse;font-size:.88rem}table.mini th,table.mini td{padding:.5rem .45rem;border-bottom:1px solid var(--border);text-align:left}table.mini th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}table.mini tr:last-child td{border-bottom:none}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--primary-dark) 0%,var(--primary) 55%,#0a8fa8 100%);padding:1rem}.login-wrap{width:100%;max-width:420px}.login-wrap .logo{text-align:center;margin-bottom:1.3rem;color:#fff}.login-wrap .logo .icon{width:64px;height:64px;margin:0 auto .8rem;border-radius:18px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.9rem}.login-wrap .logo h1{font-size:1.3rem}.login-wrap .logo p{font-size:.85rem;margin-top:.3rem;opacity:.9}.login-wrap .card{box-shadow:0 10px 40px #00000040;border:none}.pcard{background:linear-gradient(120deg,var(--primary-soft),#fff 60%);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1rem;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}.pcard .code{font-size:1.15rem;font-weight:800;color:var(--primary-dark)}.pcard .meta{font-size:.84rem;color:var(--muted);margin-top:2px}.pcard .btns{display:flex;gap:.4rem;align-items:center;flex-shrink:0}