:root{font-family:"Segoe UI",sans-serif;color:#243241;background:#f3f6f9;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{height:68px;background:#2563a0;color:#fff;box-shadow:0 2px 8px #18334e22}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:21px;font-weight:650;color:#fff;text-decoration:none}.link-button{border:0;background:transparent;color:#fff;font:inherit;cursor:pointer;padding:8px 0}main{padding-top:34px;padding-bottom:60px}.card{background:#fff;border:1px solid #dde5ec;border-radius:12px;box-shadow:0 8px 24px #1b344a12}.login-card{width:min(470px,100%);margin:52px auto;padding:34px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#2563a0;font-size:12px;font-weight:700;margin:0 0 6px}h1{font-size:30px;margin:0 0 8px;color:#1e2f3f}.muted,small{color:#667788}.login-card label,.edit-card label{display:block;font-weight:600;margin:20px 0 7px}input,select,textarea{width:100%;border:1px solid #bdc9d4;border-radius:7px;padding:11px 12px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid #80b5e833;border-color:#3c83c4}button,.primary,.secondary{display:inline-block;border:0;border-radius:7px;padding:11px 17px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.primary{background:#2563a0;color:#fff}.secondary{background:#e8eef4;color:#30485e}.wide{width:100%;margin-top:22px}.validation{color:#ae362f;margin:14px 0}.page-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}.page-title.compact{align-items:center}.create-form{display:flex;gap:10px;width:min(650px,100%)}.create-form input{flex:1}.table-card{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px;border-bottom:1px solid #e5ebf0;white-space:nowrap}th{font-size:13px;color:#627383;background:#f8fafc}td small{display:block;font-family:Consolas,monospace;margin-top:4px}.status{display:inline-block;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:750}.status-aktivan{color:#24643b;background:#e0f3e6}.status-upozorenje,.status-odgoda{color:#8b5a16;background:#fff0d1}.status-blokiran{color:#9b302c;background:#fde2df}.edit-card{padding:30px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.code{font-family:Consolas,monospace;background:#f5f7f9}.check{display:flex!important;align-items:center;gap:9px}.check input{width:auto}.actions{display:flex;align-items:center;gap:16px;margin-top:24px}.saved{color:#367b4a;font-weight:650}.activation-code{margin:16px 0;padding:16px;border:1px solid #e2be76;background:#fff7e6;border-radius:9px}.activation-code code{display:block;margin-top:8px;font-size:18px;letter-spacing:.06em;color:#704a0f}hr{border:0;border-top:1px solid #e1e7ed;margin:28px 0}@media(max-width:760px){.page-title,.create-form{display:block}.create-form input{margin-bottom:10px}.grid-two{grid-template-columns:1fr}.shell{width:min(100% - 24px,1180px)}th,td{padding:12px}}
