.setup-page{padding:24px}.setup-card{margin:30px auto;padding:35px;max-width:740px;border:1px solid var(--line);border-radius:18px;background:white}.setup-card .brand{margin-bottom:30px}.setup-card .fields{margin-top:25px}.setup-card h2{margin-top:15px}.setup-card code{word-break:break-all}.auth-screen{position:fixed;inset:0;background:var(--bg);z-index:30;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.auth-card{max-width:440px;width:100%;padding:34px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 55px #214b2c0a}.auth-card .brand{margin-bottom:28px}.auth-card h1{font-size:27px}.auth-card form{display:grid;gap:17px;margin-top:24px}.auth-card .error:empty{display:none}.auth-card input{font-size:16px}#connection-state{color:var(--muted);font-size:11px}#sync-banner{background:#fff0d6;border-bottom:1px solid #eed7aa;padding:14px 28px;font-size:12px;line-height:1.5}.online-note{padding:16px;background:#edf4eb;border:1px solid var(--line);border-radius:10px;margin:18px 0;font-size:12px}.pdf-download{display:block;text-align:center;margin:12px 0}.backup-list{display:grid;gap:10px}.backup-list>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;gap:12px}.backup-list small{display:block;color:var(--muted);margin-top:5px}
@media(max-width:760px){body{font-size:14px;padding-bottom:calc(115px + env(safe-area-inset-bottom))}aside{position:static;width:auto;padding:18px 20px 0;background:var(--bg);border:0}.brand{font-size:18px;margin:0 0 16px}.brand small{font-size:8px}.brand-icon{font-size:24px}nav{position:fixed;bottom:0;left:0;right:0;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:5px 4px calc(5px + env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid var(--line);backdrop-filter:blur(15px)}nav button{padding:8px 2px;min-height:46px;gap:4px;font-size:9px;flex-direction:column;justify-content:center;border-radius:7px}nav svg{width:18px;height:18px}.nav-separator{display:none}.sidebar-bottom{display:none}.workspace{margin:0}header{height:auto;min-height:44px;padding:7px 20px;background:none}header #breadcrumb{display:none}header .actions{width:100%;justify-content:space-between}header .date{display:none}main{padding:22px 18px}.heading{display:block;margin-bottom:23px}.heading .actions{margin-top:18px}.heading h1{font-size:27px}.eyebrow{font-size:9px}h2{font-size:16px}.sub{font-size:12px}.btn{min-height:42px;padding:10px 12px;font-size:12px}.btn.small{min-height:36px;padding:7px 9px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.stat{padding:17px 13px}.stat b{font-size:23px}.stat label{font-size:9px;line-height:1.5;min-height:27px;margin-bottom:8px}.stat small{font-size:9px;line-height:1.5}.grid2{grid-template-columns:1fr;gap:0}.welcome{padding:22px}.welcome-mark{display:none}.welcome h2{font-size:19px}.panel-head,.panel-body{padding:18px}.panel{margin:15px 0}.toolbar{flex-wrap:wrap}.toolbar input{min-width:100%}.toolbar select{max-width:none}.panel table,.panel tbody,.panel tr,.panel td{display:block}.panel thead{display:none}.panel tr{padding:14px;border-bottom:1px solid var(--line)}.panel td{padding:5px 0;border:0}.panel td.right{text-align:left}.panel td small{max-width:none}.panel td .actions{margin-top:5px}.panel tr:last-child{border:0}.panel .table-wrap{overflow:visible}.list-item{align-items:flex-start;flex-direction:column;padding:17px}.list-item>.actions{width:100%}.list-item>.right{text-align:left}.fields{grid-template-columns:1fr;gap:16px}.full{grid-column:auto}.timer-box{flex-wrap:wrap;padding:17px}.timer-box .info{min-width:180px}.timer-clock{width:100%;font-size:32px}.modal-backdrop{padding:0;align-items:stretch;backdrop-filter:none}.modal,.modal.wide{width:100%;max-height:100%;height:100%;border-radius:0}.modal-header{padding:18px;padding-top:calc(18px + env(safe-area-inset-top))}.modal-content{padding:20px 18px;flex:1}.modal-footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:7px}.modal-footer .btn{flex:1;min-width:110px}.modal-footer .left{margin-right:0}.modal-header h2{font-size:17px}.position{grid-template-columns:1fr 1fr;gap:10px;padding:18px 0}.position>.field:first-child{grid-column:1/-1}.position textarea{min-height:60px}.position .btn{align-self:end}.total-box{flex-direction:column;gap:9px;text-align:right}.total-box b{font-size:24px}input,select,textarea,.position input,.position select,.position textarea{font-size:16px}.auth-card{padding:26px}.auth-screen{align-items:flex-start;padding-top:12vh}.setup-page{padding:15px}.setup-card{padding:23px;margin:10px auto}.setup-card h1{font-size:26px}#toast{left:16px;right:16px;bottom:calc(120px + env(safe-area-inset-bottom));transform:none;max-width:none}.preview{min-height:400px}#sync-banner{padding:14px 20px}.notice{font-size:12px}.backup-list>div{align-items:flex-start;flex-direction:column}}

.time-picker{padding:18px;margin:18px 0}.time-picker p{line-height:1.5}.time-choice{padding:12px 0;border-bottom:1px solid #ddd;align-items:flex-start}.time-choice span{overflow-wrap:anywhere}.time-picker .actions{margin-top:16px}
.company-logo{display:block;max-width:240px;max-height:100px;object-fit:contain;margin:15px 0}.vault-list .list-item{gap:12px}.vault-list .list-item>div{min-width:0;overflow-wrap:anywhere}.vault-secret{display:block;overflow-wrap:anywhere;white-space:pre-wrap;font-family:monospace;user-select:text}