*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font:14px "Segoe UI",Arial,sans-serif;background:#f3f6fb;color:#0f172a;overflow-x:hidden}header{min-height:70px;background:#123e80;color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.account-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.profile-link{color:#fff;text-decoration:none;font-weight:700}.profile-link:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 70px);width:100%}aside{width:220px;min-width:220px;background:#fff;padding:15px;border-right:1px solid #ddd;position:relative;z-index:2}#app-menu{width:100%}nav a{display:block;width:100%;padding:11px;margin-bottom:4px;border-radius:8px;color:#334155;text-decoration:none;font-weight:600;line-height:1.35;white-space:normal;overflow-wrap:anywhere;transition:background-color .2s ease,color .2s ease}nav a:hover{background:#e8f0ff}nav a.active{background:#dbeafe;color:#123e80}main{width:100%;min-width:0;max-width:100%;padding:22px;overflow:hidden}.card{width:100%;min-width:0;background:#fff;padding:20px;border-radius:14px;margin-bottom:18px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat strong{display:block;margin-top:8px;font-size:28px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}label{display:block;margin-bottom:5px;font-weight:600}input,select,textarea{width:100%;max-width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font:inherit;background:#fff;color:#0f172a}textarea{resize:vertical}button{padding:10px 14px;border:0;border-radius:8px;background:#1769ff;color:#fff;font-weight:700;cursor:pointer}button:hover{opacity:.95}.secondary{background:#475569}.danger{background:#c62828}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.tablewrap{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}table{width:100%;max-width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #ddd;text-align:left;vertical-align:middle}th{background:#f8fafc;font-weight:700;white-space:nowrap}td{overflow-wrap:anywhere}tr:hover td{background:#fafcff}.one-time-table{width:max-content;min-width:100%;max-width:none}.one-time-table th,.one-time-table td{white-space:nowrap}.one-time-table th:nth-child(4),.one-time-table td:nth-child(4){min-width:220px;white-space:normal;overflow-wrap:anywhere}.filterbar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.filterbar>div{min-width:180px;flex:1 1 220px}.filterbar>.actions{flex:0 0 auto}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.summary-card strong{display:block;margin-top:5px;font-size:26px}.status-available{color:#166534;font-weight:700}.status-used{color:#1d4ed8;font-weight:700}.status-expired{color:#991b1b;font-weight:700}.notice{padding:10px;margin:8px 0;border-radius:8px;background:#e0f2fe}.error{background:#fee2e2}.login{max-width:430px;margin:9vh auto}.hidden{display:none!important}@media(max-width:1200px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){body{overflow-x:auto}header{flex-direction:column;align-items:flex-start}.layout{grid-template-columns:1fr}aside{width:100%;min-width:0;border-right:0;border-bottom:1px solid #ddd}main{padding:15px}.grid,.form,.summary-grid{grid-template-columns:1fr}.filterbar>div,.filterbar>.actions{flex:1 1 100%;min-width:0}table{font-size:13px}th,td{padding:8px}}