body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ffsw-blue:#080c67;--ffsw-red:#c70906;--ffsw-light:#f5f5f5;--ffsw-text:#1a2233;--ffsw-muted:#60708a;--ffsw-border:#d9dce4;--ffsw-card:#fff;--ffsw-shadow:0 10px 28px #080c670f;--ffsw-shadow-strong:0 18px 38px #080c671f;--ffsw-radius-xl:28px;--ffsw-radius-lg:22px;--ffsw-radius-md:16px;--ffsw-radius-sm:12px}*{box-sizing:border-box}#root,body,html{background:radial-gradient(circle at top left,#080c670d,#0000 26%),radial-gradient(circle at top right,#c709060a,#0000 20%),linear-gradient(180deg,#fafbfc,#f4f6fa);color:#1a2233;color:var(--ffsw-text);font-family:Inter,Arial,Helvetica,sans-serif;margin:0;min-height:100%;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%}.app-shell{min-height:100vh;padding:18px 14px 30px}.app-container{margin:0 auto;max-width:960px;width:100%}.topbar{margin-bottom:16px;padding-top:2px;position:sticky;top:0;z-index:200}.topbar-inner{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffdb;border:1px solid #080c6712;border-radius:26px;box-shadow:0 10px 28px #080c670d;justify-content:space-between;padding:14px 16px}.topbar-inner,.topbar-left{align-items:center;display:flex;gap:14px}.topbar-left{flex:1 1;min-width:0}.topbar-logo{align-items:center;background:#fff;border:1px solid #080c6714;border-radius:18px;box-shadow:0 10px 22px #080c671a;display:inline-flex;flex-shrink:0;height:58px;justify-content:center;overflow:hidden;padding:7px;width:58px}.topbar-logo-image{height:100%;object-fit:contain;width:100%}.topbar-brand{min-width:0}.topbar-kicker{align-items:center;background:#080c670f;border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.03em;margin-bottom:8px;padding:7px 11px}.topbar-kicker,.topbar-title{color:#080c67;color:var(--ffsw-blue)}.topbar-title{font-size:32px;font-weight:900;letter-spacing:-.04em;line-height:.98;margin-bottom:10px;margin-top:10px}.topbar-subtitle{color:#60708a;color:var(--ffsw-muted);font-size:15px;line-height:1.35;margin:7px 0 0;max-width:520px}.topbar-right{align-items:center;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end}.attachment-action-button,.attachment-delete-button,.attachments-upload-button,.create-toggle-btn,.ghost-danger-btn,.logout-btn,.primary-btn,.profile-menu-item,.profile-menu-trigger,.soft-btn{border-radius:14px;font-size:13px;font-weight:800;padding:9px 16px;transition:all .16s ease}.create-toggle-btn{align-items:center;background:linear-gradient(135deg,#c70906,#ef120d);background:linear-gradient(135deg,var(--ffsw-red) 0,#ef120d 100%);border:none;box-shadow:0 12px 24px #c709062e;color:#fff;display:inline-flex;gap:10px;justify-content:center;min-height:50px}.create-toggle-btn:hover{box-shadow:0 14px 28px #c7090638;transform:translateY(-1px)}.create-toggle-btn.active{box-shadow:0 0 0 3px #c709061f,0 14px 28px #c7090633}.create-toggle-icon{align-items:center;background:#ffffff29;border-radius:999px;color:#fff;display:inline-flex;flex-shrink:0;font-size:19px;font-weight:900;height:28px;justify-content:center;line-height:1;width:28px}.logout-btn{background:#ffffffeb;border:1px solid #080c671a;color:#080c67;color:var(--ffsw-blue)}.logout-btn:hover{background:#fff}.primary-btn{background:linear-gradient(135deg,#080c67,#1a2088);background:linear-gradient(135deg,var(--ffsw-blue) 0,#1a2088 100%);border:none;box-shadow:0 8px 20px #080c672e;color:#fff}.primary-btn:hover{transform:translateY(-1px)}.soft-btn{background:#2b3188;border:1px solid #080c6714;color:#fff}.soft-btn:hover{background:#edf1fa;color:#080c67;color:var(--ffsw-blue)}.ghost-danger-btn{background:#0000;border:1px solid #c709062e;color:#c70906;color:var(--ffsw-red)}.ghost-danger-btn:hover{background:#c709060d}.user-pill{background:#080c670a;border:1px solid #080c670f;border-radius:999px;box-shadow:0 6px 16px #080c6708;color:#080c67;color:var(--ffsw-blue);font-weight:800;padding:11px 16px}.profile-menu{min-width:0;position:relative}.profile-menu-trigger{align-items:center;background:#f8f9fcf5;border:1px solid #080c6714;box-shadow:0 6px 18px #080c670a;color:#080c67;color:var(--ffsw-blue);display:inline-flex;gap:10px;min-height:50px}.profile-menu-trigger:hover{background:#fff;border-color:#080c671f}.profile-menu-avatar{align-items:center;background:linear-gradient(135deg,#080c67,#1a2088);background:linear-gradient(135deg,var(--ffsw-blue) 0,#1a2088 100%);border-radius:11px;color:#fff;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:900;height:32px;justify-content:center;width:32px}.profile-menu-user{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;line-height:1.08;min-width:0}.profile-menu-name{color:#080c67;color:var(--ffsw-blue);font-size:14px;font-weight:800;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-role{color:#60708a;color:var(--ffsw-muted);font-size:10px;font-weight:700}.profile-menu-chevron{color:#60708a;color:var(--ffsw-muted);flex-shrink:0;font-size:14px;line-height:1}.profile-menu-dropdown{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#fffffffa;border:1px solid #080c6714;border-radius:20px;box-shadow:0 18px 38px #080c671f;box-shadow:var(--ffsw-shadow-strong);min-width:250px;padding:10px;position:absolute;right:0;top:calc(100% + 10px)}.profile-menu-dropdown-header{border-bottom:1px solid #080c670f;margin-bottom:8px;padding:10px 10px 12px}.profile-menu-dropdown-name{color:#080c67;color:var(--ffsw-blue);font-size:14px;font-weight:900;margin:0 0 4px}.profile-menu-dropdown-mail{color:#60708a;color:var(--ffsw-muted);font-size:12px;margin:0;word-break:break-word}.profile-menu-list{display:flex;flex-direction:column;gap:6px}.profile-menu-item{align-items:center;background:#0000;border:none;color:#1a2233;color:var(--ffsw-text);display:flex;justify-content:space-between;min-height:46px;padding:12px 14px;text-align:left;width:100%}.profile-menu-item:hover{background:#f5f7fb}.profile-menu-item-label{display:flex;flex-direction:column;gap:2px}.profile-menu-item-title{color:#080c67;color:var(--ffsw-blue);font-size:14px;font-weight:800}.profile-menu-item-subtitle{color:#60708a;color:var(--ffsw-muted);font-size:12px;font-weight:600}.profile-menu-item-danger .profile-menu-item-title{color:#c70906;color:var(--ffsw-red)}.profile-menu-item-icon{color:#7b88a0;font-size:14px;font-weight:900}.create-task-card,.task-section{background:#ffffffe0;border:1px solid #080c670d;border-radius:26px;box-shadow:0 6px 18px #080c670a}.create-task-card{margin-bottom:16px;padding:18px}.compact-create-card{border-top:3px solid #c70906;border-top:3px solid var(--ffsw-red)}.create-task-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.compact-create-header h2{color:#080c67;color:var(--ffsw-blue);font-size:24px;line-height:1.1;margin:0 0 5px}.compact-create-header p{color:#60708a;color:var(--ffsw-muted);font-size:14px;margin:0}.create-task-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.2fr .8fr}.create-field{display:flex;flex-direction:column;gap:7px}.comment-form label,.create-field label{color:#080c67;color:var(--ffsw-blue);font-size:12px;font-weight:800}.status-select-label{align-items:center;color:#080c67;color:var(--ffsw-blue);display:inline-flex;font-size:12px;font-weight:900;gap:6px;letter-spacing:.04em;text-transform:uppercase}.status-select-label:before{color:#c70906;color:var(--ffsw-red);content:"↻";font-size:13px;line-height:1}.field-span-2{grid-column:span 2}.app-input,.app-select,.app-textarea,.status-select{background:#fff;border:1px solid #d3d9e5;border-radius:14px;color:#1a2233;color:var(--ffsw-text);outline:none;padding:11px 13px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;width:100%}.app-input,.app-select{font-size:15px;min-height:46px}.app-textarea{font-size:15px;line-height:1.45;min-height:96px;resize:vertical}.large-select{font-size:15px;font-weight:600;min-height:46px}.app-input:focus,.app-select:focus,.app-textarea:focus,.status-select:focus{border-color:#080c6773;box-shadow:0 0 0 4px #080c6712}.create-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.user-settings-actions{margin-bottom:20px}.user-create-grid{margin-bottom:24px}.settings-section-title{color:#080c67;color:var(--ffsw-blue);font-size:20px;font-weight:900;margin:0 0 16px}.user-card{cursor:default}.user-card:hover{transform:none}.user-card-footer{margin-top:12px}.user-edit-panel{margin-top:16px}.error-banner{background:#fff4f4;border:1px solid #c7090624;border-radius:14px;color:#9e1c1c;font-weight:700;padding:12px 14px}.page-error,.task-section{margin-bottom:16px}.task-section{padding:18px}.section-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.section-kicker{background:#080c670d;border-radius:999px;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;margin-bottom:10px;padding:9px 13px;text-transform:uppercase}.section-kicker,.section-title{color:#080c67;color:var(--ffsw-blue)}.section-title{font-size:24px;font-weight:900;letter-spacing:-.03em;line-height:1.08;margin:0 0 6px}.section-subtitle{color:#60708a;color:var(--ffsw-muted);font-size:14px;line-height:1.4;margin:0}.section-count{align-items:center;background:#080c670d;border-radius:16px;color:#080c67;color:var(--ffsw-blue);display:inline-flex;flex-shrink:0;font-size:18px;font-weight:900;height:46px;justify-content:center;min-width:46px}.task-list{display:flex;flex-direction:column;gap:12px}.empty-comments,.empty-state{background:#fafbff;border:1px dashed #cfd6e4;border-radius:18px;color:#6d7b93;font-size:15px;padding:16px}.task-card{background:#fffffff7;border:1px solid #080c670f;border-radius:22px;box-shadow:0 4px 14px #080c670a;cursor:pointer;padding:15px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.task-card:hover{box-shadow:0 8px 18px #080c670f;transform:translateY(-1px)}.task-open{border-left:4px solid #ffc107}.task-due-soon{border-left:4px solid #ff9800}.task-overdue{border-left:4px solid #c70906;border-left:4px solid var(--ffsw-red)}.task-done{border-left:4px solid #1da85b}.task-card-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.task-card-title-group{flex:1 1;min-width:0;padding-top:1px}.task-card-title{color:#080c67;color:var(--ffsw-blue);font-size:18px;font-weight:850;letter-spacing:-.02em;line-height:1.2;margin:0}.task-card-top-right{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px;justify-content:flex-end}.status-badge,.task-card-date-inline{align-items:center;border-radius:999px;box-sizing:border-box;display:inline-flex;height:32px;justify-content:center;min-height:32px;padding:0 11px;white-space:nowrap}.task-card-date-inline{background:#f4f6fa;border:1px solid #080c670f;gap:6px}.task-card-date-label{font-size:10px;letter-spacing:.03em;text-transform:uppercase}.task-card-date-label,.task-card-date-value{color:#080c67;color:var(--ffsw-blue);font-weight:800;line-height:1}.task-card-date-value{font-size:11px}.task-card-badge-wrap{align-items:center;display:flex;flex-shrink:0}.status-badge{border:1px solid #0000;font-size:11px;font-weight:800;line-height:1}.status-badge.open{background:#ffc107;border-color:#ffc107;color:#000}.status-badge.due-soon{background:#ff9800;border-color:#ff9800;color:#000}.status-badge.overdue{background:#c70906;background:var(--ffsw-red);border-color:#c70906;border-color:var(--ffsw-red);color:#fff}.status-badge.done{background:#1da85b1a;border-color:#1da85b24;color:#16814a}.modal-meta-line,.task-meta-line{align-items:center;color:#5f6f87;display:flex;flex-wrap:wrap;gap:8px}.task-meta-line{margin-bottom:14px}.task-meta-inline-item{align-items:baseline;display:inline-flex;flex-wrap:wrap;gap:5px}.task-meta-inline-label{color:#7c8aa0;font-size:12px;font-weight:700}.task-meta-inline-value{color:#2a3547;font-size:13px;font-weight:700}.task-meta-separator{color:#a0adbf;font-size:12px;line-height:1}.task-card-footer{align-items:flex-start;border-top:1px solid #080c670f;padding-top:13px}.task-card-actions,.task-card-footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.task-card-actions{align-items:flex-end;width:100%}.detail-btn{border-radius:14px;font-size:14px;min-height:42px;min-width:108px;order:1;padding:8px 15px}.status-select-wrap{display:flex;flex-direction:column;gap:6px}.compact-status-wrap{background:linear-gradient(180deg,#080c670a,#080c6714);border:1px solid #080c671f;border-radius:16px;box-shadow:inset 0 1px 0 #ffffffb8,0 8px 18px #080c670d;margin-left:auto;min-width:240px;order:2;padding:12px}.status-select{background:#fff;border:2px solid #080c672e;border-radius:14px;box-shadow:0 8px 18px #080c6714;color:#080c67;color:var(--ffsw-blue);font-size:15px;font-weight:800;min-height:50px;min-width:145px;padding:10px 14px}.status-select:hover{border-color:#080c6757;box-shadow:0 10px 22px #080c671f}.prominent-status-select{background:linear-gradient(180deg,#fff,#f8faff);border-color:#080c6738;min-width:210px}.selected-files-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.selected-file-item{align-items:center;background:#fafbfe;border:1px solid #080c670f;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:12px}.selected-file-info{flex:1 1;min-width:0}.selected-file-name{color:#080c67;color:var(--ffsw-blue);font-size:14px;font-weight:700;word-break:break-word}.selected-file-size{color:#60708a;color:var(--ffsw-muted);font-size:12px;margin-top:4px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b112a75;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.task-modal{background:#fff;border:1px solid #080c670f;border-radius:22px;box-shadow:0 22px 48px #080c672e;max-height:90vh;max-width:760px;overflow-y:auto;padding:18px;width:100%}.task-modal-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:9px}.task-modal-kicker{background:#080c670f;border-radius:999px;display:inline-block;font-size:10px;letter-spacing:.05em;margin-bottom:7px;padding:5px 9px;text-transform:uppercase}.task-modal-kicker,.task-modal-title-wrap h2{color:#080c67;color:var(--ffsw-blue);font-weight:900}.task-modal-title-wrap h2{font-size:23px;letter-spacing:-.02em;line-height:1.1;margin-top:10px}.task-modal-status-panel{align-items:flex-end;background:#f8f9fc;border:1px solid #080c670f;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:14px;padding:15px}.task-modal-top-info{flex:1 1;min-width:0}.task-modal-top-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-bottom:10px}.modal-date-inline{background:#fff}.modal-status-badge-wrap .status-badge{font-size:12px;height:32px;min-height:32px;padding:0 13px}.modal-status-select-wrap{min-width:210px}.modal-prominent-status-select{border:1px solid #080c672e;box-shadow:none;font-size:14px;font-weight:800;min-height:42px;min-width:210px}.modal-detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:14px}.modal-detail-card{background:#fafbfe;border:1px solid #080c67;border:1px solid var(--ffsw-blue);border-radius:14px;padding:13px}.modal-detail-label{color:#66778e;display:block;font-size:11px;font-weight:900;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.modal-detail-value{color:#1a2434;font-size:14px;font-weight:700;line-height:1.45}.modal-description{min-height:22px;white-space:pre-wrap}.modal-danger-zone{display:flex;justify-content:flex-end;margin-bottom:16px}.modal-delete-btn{font-size:13px;padding:8px 13px}.modal-attachments{border-top:1px solid #080c670f;margin-bottom:16px;margin-top:2px;padding-top:16px}.attachment-upload-box{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.attachment-upload-actions{display:flex;justify-content:flex-end}.attachment-list{display:flex;flex-direction:column;gap:9px}.attachment-item{align-items:flex-start;background:#fafbfe;border:1px solid #080c670f;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:11px}.attachment-main{flex:1 1;min-width:0}.attachment-name{color:#080c67;color:var(--ffsw-blue);font-size:14px;font-weight:800;margin-bottom:5px;word-break:break-word}.attachment-meta{color:#75839a;font-size:12px;gap:6px}.attachment-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.attachment-delete-btn,.attachment-link-btn{font-size:13px;min-height:36px;padding:8px 12px;text-decoration:none}.modal-comments{border-top:1px solid #080c670f;padding-top:16px}.modal-comments-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.modal-comments-header h3{color:#080c67;color:var(--ffsw-blue);font-size:19px;margin:0}.comment-count{align-items:center;background:#080c670f;border-radius:10px;color:#080c67;color:var(--ffsw-blue);display:inline-flex;font-weight:900;height:32px;justify-content:center;min-width:32px}.comment-list{display:flex;flex-direction:column;gap:9px;margin-bottom:14px}.comment-item{align-items:flex-start;background:#fafbfe;border:1px solid #080c670f;border-radius:14px;display:flex;gap:10px;padding:11px}.comment-avatar{align-items:center;background:linear-gradient(135deg,#080c67,#1a2088);background:linear-gradient(135deg,var(--ffsw-blue) 0,#1a2088 100%);border-radius:11px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:900;height:34px;justify-content:center;width:34px}.comment-body{flex:1 1;min-width:0}.comment-topline{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:5px}.comment-author{color:#080c67;color:var(--ffsw-blue);font-size:14px;font-weight:800}.comment-date{color:#75839a;font-size:12px}.comment-text{color:#29364a;font-size:13px;line-height:1.5;white-space:pre-wrap}.comment-form{display:flex;flex-direction:column;gap:10px}.comment-textarea{min-height:88px}.comment-form-actions{display:flex;justify-content:flex-end}.auth-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{background:#ffffffeb;border:1px solid #080c670f;border-radius:24px;box-shadow:0 16px 40px #080c6714;max-width:440px;padding:26px;width:100%}.auth-logo-wrap{align-items:center;display:flex;justify-content:center;margin-bottom:18px}.auth-logo{filter:drop-shadow(0 8px 20px rgba(8,12,103,.1));height:auto;object-fit:contain;width:116px}.auth-badge{background:#080c6714;border-radius:999px;display:inline-block;font-size:12px;font-weight:900;margin-bottom:12px;padding:7px 11px}.auth-badge,.auth-title{color:#080c67;color:var(--ffsw-blue)}.auth-title{font-size:30px;line-height:1.1;margin:0 0 8px}.auth-subtitle{color:#60708a;color:var(--ffsw-muted);margin:0 0 20px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-login-btn{margin-top:6px}.attachments-section{margin-top:20px}.attachments-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.attachments-header h3{font-size:16px;margin:0}.attachments-header p{color:#60708a;color:var(--ffsw-muted);font-size:12px;margin:2px 0 0}.attachments-upload-button{background:#080c67;background:var(--ffsw-blue);border:none;color:#fff;cursor:pointer;font-size:13px}.attachments-upload-button:hover{opacity:.95}.attachments-hidden-input{display:none}.attachments-dropzone{background:#fafafa;border:2px dashed #d9dce4;border:2px dashed var(--ffsw-border);border-radius:16px;cursor:pointer;padding:20px;text-align:center;transition:all .2s ease}.attachments-dropzone.is-drag-active,.attachments-dropzone:hover{border-color:#080c67;border-color:var(--ffsw-blue)}.attachments-dropzone.is-drag-active{background:#080c670d}.attachments-dropzone.is-uploading{opacity:.6;pointer-events:none}.attachments-dropzone-icon{font-size:28px;margin-bottom:8px}.attachments-dropzone-text strong{display:block;font-size:14px}.attachments-dropzone-text span{color:#60708a;color:var(--ffsw-muted);font-size:12px}.attachments-upload-queue{margin-top:10px}.upload-queue-item{display:flex;font-size:12px;justify-content:space-between;padding:6px 0}.status-uploading{color:orange}.status-done{color:green}.status-error{color:red}.attachments-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.attachment-card{align-items:center;background:#fff;border:1px solid #d9dce4;border:1px solid var(--ffsw-border);border-radius:14px;display:flex;gap:10px;padding:10px}.attachment-card-left{flex-shrink:0;width:50px}.attachment-file-icon{align-items:center;background:#f5f5f5;background:var(--ffsw-light);border-radius:10px;display:flex;font-size:22px;height:42px;justify-content:center;width:42px}.attachment-image-preview{background:#0000;border:none;cursor:pointer;padding:0}.attachment-image-preview img{border-radius:8px;display:block;height:42px;object-fit:cover;width:42px}.attachment-card-center{flex:1 1;min-width:0}.attachment-file-name{color:#1a2233;color:var(--ffsw-text);font-size:13px;font-weight:700;word-break:break-word}.attachment-meta{color:#60708a;color:var(--ffsw-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:8px;margin-top:4px}.attachment-card-right{display:flex;flex-shrink:0;gap:6px}.attachment-action-button{align-items:center;background:#080c67;background:var(--ffsw-blue);color:#fff;display:inline-flex;font-size:12px;justify-content:center;text-decoration:none}.attachment-delete-button{background:#c70906;background:var(--ffsw-red);border:none;color:#fff;font-size:12px}.attachments-empty{background:#fafafa;border:1px dashed #d9dce4;border:1px dashed var(--ffsw-border);border-radius:14px;color:#60708a;color:var(--ffsw-muted);font-size:12px;margin-top:10px;padding:12px 14px}.attachments-error{background:#c7090614;border-radius:10px;color:#c70906;color:var(--ffsw-red);font-size:12px;margin-top:8px;padding:10px 12px}.attachment-preview-overlay{align-items:center;background:#0a101ebf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.attachment-preview-modal{background:#fff;border-radius:16px;max-height:90%;max-width:90%;padding:14px;position:relative}.attachment-preview-full{border-radius:12px;display:block;max-height:80vh;max-width:100%}.attachment-preview-close{background:#c70906;background:var(--ffsw-red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;height:32px;line-height:1;position:absolute;right:10px;top:10px;width:32px}@media (max-width:1100px){.app-container{max-width:920px}.topbar-title{font-size:30px}}@media (max-width:980px){.create-task-grid{grid-template-columns:1fr}.field-span-2{grid-column:span 1}.section-header,.task-modal-header,.task-modal-status-panel{align-items:flex-start;flex-direction:column}.task-card-footer{align-items:stretch;flex-direction:column}.task-card-actions{justify-content:space-between}.compact-status-wrap,.modal-prominent-status-select,.modal-status-select-wrap,.prominent-status-select{min-width:100%;width:100%}.compact-status-wrap{margin-left:0}}@media (max-width:720px){.app-shell{padding:12px 10px 24px}.topbar{margin-bottom:14px}.topbar-inner{align-items:stretch;border-radius:24px;flex-direction:column;gap:12px;padding:13px}.topbar-left{align-items:flex-start;gap:12px}.topbar-logo{border-radius:14px;height:50px;padding:6px;width:50px}.topbar-kicker{margin-bottom:8px}.topbar-title{font-size:22px;line-height:1.02}.topbar-subtitle{font-size:12px;margin-top:6px;max-width:none}.topbar-right{align-items:stretch;display:flex;flex-direction:column;gap:9px;width:100%}.create-toggle-btn{border-radius:18px;font-size:14px;min-height:48px;padding:11px 14px;width:100%}.create-toggle-icon{font-size:18px;height:27px;width:27px}.profile-menu{width:100%}.profile-menu-trigger{border-radius:18px;justify-content:space-between;min-height:48px;padding:11px 13px;width:100%}.profile-menu-avatar{border-radius:10px;font-size:12px;height:30px;width:30px}.profile-menu-user{flex:1 1;min-width:0}.profile-menu-name{font-size:13px;max-width:none;width:100%}.profile-menu-role{font-size:10px}.profile-menu-dropdown{border-radius:18px;left:0;min-width:100%;padding:8px;right:0;top:calc(100% + 8px)}.profile-menu-item{border-radius:14px;min-height:48px}.section-header{gap:12px;margin-bottom:14px}.section-title{font-size:20px;line-height:1.08}.section-subtitle{font-size:14px}.section-count{border-radius:14px;font-size:17px;height:42px;min-width:42px;width:42px}.task-section{margin-bottom:14px}.create-task-card,.task-section{border-radius:22px;padding:15px 13px}.task-card{border-radius:18px;padding:13px 11px}.task-card-top{align-items:stretch;flex-direction:column;gap:9px}.task-card-top-right{align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-start}.task-card-title{font-size:17px;line-height:1.2}.status-badge,.task-card-date-inline{height:31px;min-height:31px;padding:0 10px}.task-card-date-label{font-size:10px}.status-badge,.task-card-date-value{font-size:11px}.modal-meta-line,.task-meta-line{gap:6px}.task-meta-line{margin-bottom:13px}.task-meta-inline-item{display:flex}.task-meta-inline-label{font-size:11px}.task-meta-inline-value{font-size:12px}.task-meta-separator{display:none}.task-card-actions{align-items:stretch;flex-direction:column;gap:10px}.compact-status-wrap,.detail-btn,.modal-prominent-status-select,.modal-status-select-wrap,.prominent-status-select,.status-select{min-width:100%;width:100%}.compact-status-wrap{border-radius:14px;padding:10px}.status-select{font-size:16px;min-height:48px}.detail-btn{font-size:14px;min-height:41px}.task-modal{border-radius:18px;padding:16px}.task-modal-title-wrap h2{font-size:21px}.task-modal-top-right{align-items:flex-start;justify-content:flex-start}.comment-topline{align-items:flex-start}.comment-topline,.create-form-actions{flex-direction:column}.create-form-actions button{width:100%}.selected-file-item{align-items:stretch;flex-direction:column}.selected-file-item .soft-btn{width:100%}.attachment-actions,.attachment-item{align-items:stretch;flex-direction:column}.attachment-actions,.attachment-delete-btn,.attachment-link-btn{width:100%}.attachment-upload-actions{justify-content:stretch}.attachment-upload-actions .primary-btn{width:100%}.auth-card{border-radius:22px;padding:22px 18px}.auth-logo{width:96px}}@media (max-width:640px){.attachments-header{align-items:stretch;flex-direction:column;gap:10px}.attachments-upload-button{width:100%}.attachment-card{align-items:flex-start;flex-wrap:wrap}.attachment-card-right{margin-top:8px;width:100%}.attachment-action-button,.attachment-delete-button{flex:1 1;text-align:center}}@media (max-width:520px){.app-shell{padding:10px 8px 20px}.topbar-inner{border-radius:22px;padding:12px}.topbar-left{gap:10px}.topbar-logo{border-radius:12px;height:44px;padding:5px;width:44px}.topbar-title{font-size:20px}.topbar-subtitle{font-size:11px}.create-toggle-btn,.profile-menu-trigger{border-radius:16px;min-height:46px}.profile-menu-dropdown{border-radius:16px}.section-title{font-size:18px}.section-kicker{font-size:10px;padding:8px 11px}.create-task-card,.task-section{border-radius:20px;padding:14px 12px}.task-card{border-radius:16px;padding:12px 10px}.empty-comments,.empty-state{font-size:14px;padding:14px}.task-modal{padding:14px}.attachment-preview-overlay{padding:12px}.attachment-preview-modal{max-width:100%;padding:12px;width:100%}.auth-card{padding:20px 16px}.auth-logo{width:84px}}
/*# sourceMappingURL=main.53e9590d.css.map*/