:root{--blue-50:#ecfafd;--blue-100:#d8f2f8;--blue-200:#b6e8f1;--blue-400:#70c7e3;--blue-600:#3ba9cd;--blue-700:#248bb0;--blue-900:#145d77;--surface:#f3fbfd;--card-bg:#ffffff;--border:#b6e8f1;--text:#0d2137;--text-muted:#546e7a;--success:#2e7d32;--success-bg:#e8f5e9;--error:#c62828;--error-bg:#ffebee}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.9375rem;line-height:1.6;background:var(--surface);color:var(--text)}h1{font-size:1.5rem;font-weight:700;color:var(--blue-700);margin-bottom:1rem}h2{font-size:1.0625rem;font-weight:600;color:var(--blue-600);margin-bottom:.875rem}a{color:var(--blue-700);text-decoration:none}a:hover{text-decoration:underline}.sm-nav{display:flex;align-items:center;gap:.25rem;padding:0 1.5rem;height:52px;background:linear-gradient(135deg,#145d77,#248bb0);color:#e3f2fd;box-shadow:0 2px 6px rgba(0,0,0,.22)}.sm-nav .brand{font-weight:700;font-size:1rem;color:#fff;letter-spacing:.025em;white-space:nowrap;margin-right:.75rem}.sm-nav a{color:#d8f2f8;font-size:.875rem;font-weight:500;padding:.3rem .65rem;border-radius:5px;transition:background .14s,color .14s}.sm-nav a:hover{background:rgba(255,255,255,.13);color:#fff;text-decoration:none}.sm-nav .nav-logout{margin-left:auto;color:#d8f2f8;font-size:.875rem;font-weight:500;padding:.3rem .65rem;border-radius:5px;border:1px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;transition:background .14s,color .14s}.sm-nav .nav-logout:hover{background:rgba(255,255,255,.18);color:#fff}.sm-content{padding:1.75rem 2rem}.public-page{max-width:900px;margin:0 auto;padding:2rem 1.5rem;position:relative;overflow:hidden}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface);padding:1.5rem}.auth-card{width:100%;max-width:420px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:2.5rem 2.25rem;box-shadow:0 4px 24px rgba(13,71,161,.1)}.auth-card h1{text-align:center;margin-bottom:1.75rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.page-header h1{margin-bottom:0}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;box-shadow:0 1px 4px rgba(21,101,192,.06)}.card h2{margin-bottom:1rem}.form-grid{display:grid;grid-gap:.875rem;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid .full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:3px;font-size:.875rem;font-weight:500;color:var(--text)}input,select,textarea{display:block;width:100%;padding:.5rem .65rem;border:1.5px solid var(--blue-200);border-radius:6px;font-size:.9375rem;font-family:inherit;background:#fff;color:var(--text);transition:border-color .15s,box-shadow .15s;margin-top:2px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(70,171,205,.2)}input[readonly]{background:var(--blue-50);color:var(--text-muted);cursor:default}textarea{min-height:88px;resize:vertical}.check-label{flex-direction:row;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.check-label input[type=checkbox]{width:auto;margin:0;accent-color:var(--blue-600)}.checks-row{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1.1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .14s,opacity .14s,box-shadow .14s;line-height:1.4}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover{text-decoration:none}.btn-primary{background:var(--blue-700);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-900)}.btn-secondary{background:var(--blue-50);color:var(--blue-700);border:1.5px solid var(--blue-200)}.btn-secondary:hover:not(:disabled){background:var(--blue-100)}.btn-danger{background:#fce4e4;color:var(--error);border:1.5px solid #f5c6c6}.btn-danger:hover:not(:disabled){background:#f5c6c6}.btn-ghost{background:transparent;color:var(--blue-600);padding:.35rem .625rem}.btn-ghost:hover:not(:disabled){background:var(--blue-50)}.btn-full{width:100%;padding:.75rem}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.875rem}.alert{padding:.625rem .875rem;border-radius:6px;font-size:.875rem;margin:.625rem 0;line-height:1.5}.alert-error{background:var(--error-bg);color:var(--error);border:1px solid #f5c6c6}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid #c8e6c9}.alert-info{background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-100)}.table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--border);box-shadow:0 1px 5px rgba(21,101,192,.07)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead{background:var(--blue-700);color:#fff}.data-table thead th{padding:.75rem .9rem;text-align:left;font-weight:600;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.table-sort-button{border:0;padding:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.data-table tbody tr{border-bottom:1px solid var(--blue-50);transition:background .1s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--blue-50)}.data-table tbody tr:nth-child(2n){background:#f6faff}.data-table tbody tr:nth-child(2n):hover{background:var(--blue-50)}.data-table tbody tr.row-overdue{background:#fdecea;color:#7a1f1f}.data-table tbody tr.row-overdue:hover,.data-table tbody tr.row-overdue:nth-child(2n),.data-table tbody tr.row-overdue:nth-child(2n):hover{background:#fbdedb}.data-table tbody tr.row-duesoon{background:#fff6e0;color:#7a5a00}.data-table tbody tr.row-duesoon:hover,.data-table tbody tr.row-duesoon:nth-child(2n),.data-table tbody tr.row-duesoon:nth-child(2n):hover{background:#fdedb8}.data-table td{padding:.65rem .9rem;vertical-align:middle}.data-table .actions-cell{display:flex;flex-wrap:wrap;gap:.35rem}.data-table .empty-cell{text-align:center;color:var(--text-muted);padding:2rem;font-style:italic}.kv-table{width:100%;border-collapse:collapse;font-size:.875rem}.kv-table tr{border-bottom:1px solid var(--blue-50)}.kv-table tr:last-child{border-bottom:none}.kv-table td{padding:.5rem .75rem;vertical-align:top}.kv-table td:first-child{color:var(--text-muted);width:220px}.badge,.kv-table td:first-child{font-weight:600;white-space:nowrap}.badge{display:inline-block;padding:.2em .65em;border-radius:999px;font-size:.75rem;letter-spacing:.02em}.badge-grey{background:#e0e0e0;color:#424242}.badge-blue{background:var(--blue-100);color:var(--blue-900)}.badge-amber{background:#fff8e1;color:#bf6000;border:1px solid #ffe082}.badge-teal{background:#e0f2f1;color:#00695c}.badge-green{background:var(--success-bg);color:var(--success)}.badge-red{background:var(--error-bg);color:var(--error)}.terms-content{white-space:pre-wrap;border:1.5px solid var(--border);border-radius:6px;background:var(--blue-50);padding:1rem;max-height:260px;overflow-y:auto;font-size:.875rem;line-height:1.7}.dev-token{font-size:.8rem;color:var(--text-muted);background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;padding:.5rem .75rem}.home-page{max-width:540px;margin:4rem auto;padding:0 1.5rem}.logo-container{text-align:center;margin-bottom:2rem}.logo-container img{max-width:100%;height:auto;object-fit:contain}.home-page h1{margin-bottom:.5rem;text-align:center}.home-page .subtitle{color:var(--text-muted);margin-bottom:1.5rem}.home-nav-list{list-style:none;display:flex;flex-direction:column;gap:.625rem}.home-nav-list li a{display:block;padding:.875rem 1.1rem;background:var(--card-bg);border:1.5px solid var(--border);border-radius:8px;color:var(--blue-700);font-weight:500;font-size:.9375rem;transition:background .14s,border-color .14s}.home-nav-list li a:hover{background:var(--blue-50);border-color:var(--blue-400);text-decoration:none}.text-muted{color:var(--text-muted);font-size:.875rem}.loading-text{color:var(--text-muted);padding:.75rem 0;font-style:italic}.confirmed-note{color:var(--success);font-weight:500}.back-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--blue-700);font-weight:500;text-decoration:none}.back-link:hover{text-decoration:underline}.profile-page{max-width:920px}.profile-shell{border-radius:16px;padding:1.5rem;background:radial-gradient(circle at top right,rgba(112,199,227,.2),transparent 38%),radial-gradient(circle at bottom left,rgba(36,139,176,.12),transparent 44%),#fff}.profile-hero{gap:1rem;margin-bottom:1.1rem;padding-bottom:1rem;border-bottom:1px solid var(--blue-100)}.profile-avatar,.profile-hero{display:flex;align-items:center}.profile-avatar{width:96px;height:96px;border-radius:999px;border:3px solid rgba(36,139,176,.3);background:linear-gradient(155deg,#9fdff0,#55bad9 58%,#2d9bc0);color:#fff;justify-content:center;box-shadow:0 10px 26px rgba(36,139,176,.32)}.profile-avatar span{font-size:1.65rem;font-weight:800;letter-spacing:.05em}.profile-hero-content h1{margin-bottom:.35rem}.profile-display-name{font-size:1.125rem;font-weight:700;color:var(--blue-900);margin-top:.4rem}.profile-display-role{color:var(--blue-700);font-weight:600}.profile-display-meta{color:var(--text-muted);font-size:.85rem;margin-top:.2rem}.profile-section{margin-top:1.2rem;padding:1rem;border:1px solid var(--blue-100);border-radius:12px;background:rgba(255,255,255,.72)}.profile-section h2{margin-bottom:.75rem}.home-page{position:relative;overflow:hidden}.bubbles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bubble{position:absolute;bottom:-120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(36,139,176,.35),rgba(20,93,119,.12));border:1px solid rgba(36,139,176,.25);animation:rise linear infinite;opacity:0}.bubble:first-child{left:5%;width:40px;height:40px;animation-duration:8s;animation-delay:0s}.bubble:nth-child(2){left:12%;width:20px;height:20px;animation-duration:6s;animation-delay:1s}.bubble:nth-child(3){left:22%;width:60px;height:60px;animation-duration:10s;animation-delay:2s}.bubble:nth-child(4){left:35%;width:25px;height:25px;animation-duration:7s;animation-delay:.5s}.bubble:nth-child(5){left:48%;width:50px;height:50px;animation-duration:9s;animation-delay:3s}.bubble:nth-child(6){left:60%;width:30px;height:30px;animation-duration:6.5s;animation-delay:1.5s}.bubble:nth-child(7){left:70%;width:70px;height:70px;animation-duration:11s;animation-delay:4s}.bubble:nth-child(8){left:78%;width:22px;height:22px;animation-duration:7.5s;animation-delay:2.5s}.bubble:nth-child(9){left:85%;width:45px;height:45px;animation-duration:8.5s;animation-delay:1s}.bubble:nth-child(10){left:92%;width:35px;height:35px;animation-duration:9.5s;animation-delay:0s}.bubble:nth-child(11){left:28%;width:18px;height:18px;animation-duration:6s;animation-delay:3.5s}.bubble:nth-child(12){left:55%;width:55px;height:55px;animation-duration:12s;animation-delay:2s}@keyframes rise{0%{bottom:-120px;opacity:0;transform:translateX(0) scale(1)}10%{opacity:.7}90%{opacity:.4}to{bottom:110%;opacity:0;transform:translateX(30px) scale(1.1)}}.home-page>:not(.bubbles),.public-page>:not(.bubbles){position:relative;z-index:1}@media (max-width:768px){.home-page{max-width:100%;margin:2rem 0;padding:1rem}.logo-container{margin-bottom:1.5rem}.home-page h1{font-size:1.75rem;margin-bottom:1rem}.home-nav-list{gap:.5rem}.home-nav-list li a{padding:.75rem 1rem;font-size:.95rem}.public-page{max-width:100%;padding:1rem}.public-page h1{font-size:1.5rem;margin-bottom:1rem}.public-page h2{font-size:1.2rem;margin-bottom:.75rem}.card{padding:1rem;margin-bottom:1rem;border-radius:6px}.form-grid{grid-template-columns:1fr;gap:.75rem}.form-grid label{font-size:.8rem}input,select,textarea{font-size:16px;padding:.75rem .5rem}button{font-size:.95rem;padding:.75rem 1rem;min-height:44px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.kv-table{font-size:.8rem}.kv-table td{padding:.5rem;display:table-cell}.kv-table td:first-child{width:auto;white-space:normal;font-weight:600;padding-right:.75rem}.kv-table td:last-child{word-break:break-word}.data-table{font-size:.75rem}.data-table thead th{padding:.5rem .6rem;font-size:.7rem}.data-table td{padding:.5rem .6rem}.data-table .actions-cell{flex-direction:column;gap:.25rem}.data-table .actions-cell a,.data-table .actions-cell button{width:100%;padding:.4rem .6rem;font-size:.75rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header h1{font-size:1.5rem}.btn-row{flex-direction:column}.btn-row a,.btn-row button{width:100%}.alert{font-size:.875rem;padding:.75rem;margin:.75rem 0}.badge{font-size:.7rem;padding:.2em .5em}.auth-card{max-width:100%;padding:1.5rem}.auth-card h1{font-size:1.5rem;margin-bottom:1.25rem}.text-muted{font-size:.8rem}.profile-shell{padding:1rem;border-radius:12px}.profile-hero{flex-direction:column;align-items:flex-start;gap:.75rem}.profile-avatar{width:82px;height:82px}.profile-avatar span{font-size:1.4rem}.profile-display-name{font-size:1rem}.profile-section{margin-top:.85rem;padding:.85rem}}@media (max-width:480px){.home-page h1{font-size:1.5rem}.public-page h1{font-size:1.3rem}.card{padding:.75rem}input,select,textarea{font-size:16px;padding:.65rem .4rem}button{font-size:.9rem;padding:.65rem .8rem}.kv-table{font-size:.75rem}.kv-table td{padding:.4rem}.data-table{font-size:.7rem}.data-table thead th{padding:.4rem;font-size:.65rem}.data-table td{padding:.4rem}.badge{font-size:.65rem;padding:.15em .4em}.alert{font-size:.8rem;padding:.6rem}}