:root{--bg: #f4f7fb;--panel: #ffffff;--text: #10213a;--muted: #5e6f87;--brand: #0c6db2;--brand-dark: #084d7f;--border: #dbe4ef}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,sans-serif;background:linear-gradient(180deg,#f7fbff,#eef4fb);color:var(--text)}a{color:inherit;text-decoration:none}button{border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}button:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:0 8px 18px #0c6db22e;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 8px #0c6db224}button:disabled{cursor:not-allowed}.ghost-btn,.pager-btn,.icon-action,.icon-close,.ghost-link,.primary-link{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.ghost-btn:hover:not(:disabled),.pager-btn:hover:not(:disabled),.icon-action:hover:not(:disabled),.icon-close:hover:not(:disabled),.ghost-link:hover,.primary-link:hover{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 18px #11264214;transform:translateY(-1px)}.ghost-btn:hover:not(:disabled) .ico,.ghost-link:hover .ico,.primary-link:hover .ico,.icon-btn:hover .ico{background:#ffffff1f;border-color:#ffffff47;color:#fff}.ghost-btn:active:not(:disabled),.pager-btn:active:not(:disabled),.icon-action:active:not(:disabled),.icon-close:active:not(:disabled),.ghost-link:active,.primary-link:active{transform:translateY(0);box-shadow:0 2px 8px #11264214}input,select{border:1px solid var(--border);border-radius:8px;padding:10px;width:100%}