*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1565c0;--primary-dark: #0d47a1;--primary-light: #1e88e5;--bg: #f5f5f5;--surface: #ffffff;--text: #212121;--text-secondary: #757575;--border: #e0e0e0;--error: #c62828;--success: #2e7d32;--radius: 10px}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);min-height:100vh;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}#app,#ozna-app{min-height:100vh}.page{padding:0 16px 24px;max-width:480px;margin:0 auto}.app-header{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:20px;position:sticky;top:0;background:var(--bg);z-index:10}.app-header h1{font-size:1.25rem;font-weight:600;flex:1}.step-indicator{font-size:.875rem;color:var(--text-secondary);background:var(--surface);padding:4px 10px;border-radius:12px;border:1px solid var(--border)}.user-fio{font-size:.875rem;color:var(--text-secondary)}.btn-back{background:none;border:none;font-size:1.5rem;color:var(--primary);cursor:pointer;padding:4px 8px;line-height:1}.btn-primary{display:block;width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{background:#bdbdbd;cursor:not-allowed}.btn-secondary{display:block;width:100%;padding:14px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;cursor:pointer;margin-top:8px}.btn-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:.9375rem;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.btn-option:hover,.btn-option:active{border-color:var(--primary);background:#e3f2fd}.btn-leaf{font-weight:500}.btn-link{background:none;border:none;color:var(--primary);font-size:.875rem;cursor:pointer;padding:2px;text-decoration:underline}.btn-logout{display:block;width:100%;padding:14px;background:none;color:var(--error);border:1px solid var(--error);border-radius:var(--radius);font-size:1rem;cursor:pointer;margin-top:24px}.chevron{color:var(--text-secondary);font-size:1.25rem;font-weight:700}.field{margin-bottom:16px}.field label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.field input,.field select,.search-input{width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.field input:focus,.search-input:focus{border-color:var(--primary)}.option-list{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}.login-card{width:100%;max-width:380px;padding:32px 24px;background:var(--surface);border-radius:16px;box-shadow:0 2px 12px #00000014}.login-card h1{font-size:1.5rem;text-align:center;color:var(--primary);margin-bottom:4px}.subtitle{text-align:center;color:var(--text-secondary);margin-bottom:24px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.menu-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);position:relative;transition:border-color .15s,box-shadow .15s}.menu-card:hover,.menu-card:active{border-color:var(--primary);box-shadow:0 2px 8px #1565c026}.menu-icon{font-size:2rem}.menu-label{font-size:.9375rem;font-weight:500}.badge{position:absolute;top:8px;right:8px;background:var(--error);color:#fff;font-size:.75rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:24px}.profile-row{padding:10px 0;border-bottom:1px solid var(--border)}.profile-row:last-child{border-bottom:none}.profile-row .label{font-size:.8125rem;color:var(--text-secondary);display:block}.profile-row .value{font-size:1rem;font-weight:500}.confirm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:20px}.confirm-row{padding:8px 0;border-bottom:1px solid var(--border)}.confirm-row:last-child{border-bottom:none}.confirm-row .label{font-size:.8125rem;color:var(--text-secondary)}.confirm-row .value{font-weight:500}.confirm-buttons{display:flex;flex-direction:column;gap:8px}.milestone-info-panel{margin-top:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-size:.8125rem}.milestone-info-header{font-weight:600;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.milestone-info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.milestone-info-row+.milestone-info-row{border-top:1px solid var(--border)}.milestone-info-label{color:var(--text-secondary)}.milestone-info-value{font-weight:500}.milestone-info-nodata{color:var(--text-secondary);font-style:italic}.milestone-confirm-notice{background:#fff3e0;border:1px solid #ffb74d;border-radius:var(--radius);padding:12px 14px;margin:12px 0;font-size:.875rem;line-height:1.5;color:#e65100}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:12px;font-size:.875rem;color:var(--text-secondary)}.section{margin-top:24px}.section h2,.step h2{font-size:1.125rem;margin-bottom:16px}.date-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.error{color:var(--error);font-size:.875rem;padding:10px 12px;background:#ffebee;border-radius:var(--radius);margin-bottom:12px}.success{color:var(--success);font-size:.875rem;padding:10px 12px;background:#e8f5e9;border-radius:var(--radius);margin-bottom:12px}.loading,.empty{text-align:center;color:var(--text-secondary);padding:24px}.offline-banner{background:#ff6f00;color:#fff;text-align:center;padding:8px;font-size:.875rem;font-weight:500;position:sticky;top:0;z-index:100}.step-footer{position:sticky;bottom:0;padding:12px 0;background:var(--bg);border-top:1px solid var(--border);margin-top:16px}.btn-project{display:flex;align-items:center;justify-content:space-between}.star-icon{font-size:1.2rem;color:var(--text-secondary);opacity:.4;cursor:pointer;padding:4px;line-height:1}.star-icon.active{color:#f9a825;opacity:1}.section-label{font-size:.85rem;color:var(--text-secondary);margin:12px 0 6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-text{text-align:center;color:var(--primary);font-weight:600;font-size:1.1rem;padding:8px 0;margin-bottom:12px}