:root{color:#26312b;background:#f3f1eb;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #315e4a;--accent-hover: #254b3a;--line: #dddcd5;--muted: #70766f;--paper: #fffefa;--board: #f3f1eb;--shadow: 0 1px 2px rgba(45, 52, 47, .08), 0 7px 22px rgba(45, 52, 47, .045)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100dvh;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:2px solid #4f8269;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{height:100dvh;display:grid;grid-template-rows:44px minmax(0,1fr);background:var(--board)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 0 13px;border-bottom:1px solid #d8d6ce;background:#fcfbf7f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3}.app-title{display:flex;align-items:center;gap:8px;letter-spacing:-.02em;font-size:14px}.mini-mark,.brand-mark{display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:740}.mini-mark{width:23px;height:23px;border-radius:7px;font-size:12px}.header-actions{display:flex;align-items:center;gap:7px}.search-box{width:min(240px,29vw);height:30px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #d7d6cf;border-radius:8px;background:#fffefa;transition:border-color .14s ease,box-shadow .14s ease}.search-box:focus-within{border-color:#86a795;box-shadow:0 0 0 3px #315e4a17}.search-box svg,.header-button svg,.icon-button svg,.quiet-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.search-box svg{color:#848982;flex:none}.search-box input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:13px}.header-button,.primary-button,.secondary-button{border:0;border-radius:8px;font-weight:650;transition:background .13s ease,transform .1s ease,border-color .13s ease}.header-button:active,.primary-button:active,.secondary-button:active{transform:translateY(1px)}.header-button{display:flex;align-items:center;gap:4px;height:30px;padding:0 11px;background:var(--accent);color:#fff;font-size:12px}.header-button:hover,.primary-button:hover{background:var(--accent-hover)}.icon-button,.quiet-icon{display:grid;place-items:center;border:0;background:transparent;color:#6a716b;border-radius:7px}.icon-button{width:30px;height:30px;font-size:21px;line-height:1}.icon-button:hover,.quiet-icon:hover{background:#e9e8e2;color:#34443b}.quiet-icon{width:25px;height:25px;font-size:17px}.board{display:grid;grid-auto-flow:column;grid-auto-columns:284px;gap:12px;align-items:start;overflow:auto;padding:12px;overscroll-behavior:contain;scrollbar-color:#c8c6bd transparent}.column{min-height:calc(100dvh - 69px);display:flex;flex-direction:column;border-radius:11px;border:1px solid #dfddd5;background:#e8e6de9e;transition:background .13s ease,border-color .13s ease}.column.is-over{background:#d7e2dab3;border-color:#9bb2a4}.column-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;min-height:39px;padding:0 8px 0 11px;border-bottom:1px solid rgba(211,209,200,.82);background:#edebe3f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px 10px 0 0;z-index:1}.column-header>div{display:flex;align-items:baseline;gap:7px;min-width:0}.column-header h2{margin:0;font-size:12px;font-weight:720;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-header span{color:#858a84;font-size:11px;font-variant-numeric:tabular-nums}.card-list{display:flex;flex:1;flex-direction:column;gap:7px;padding:8px}.column-empty{min-height:72px;display:grid;place-items:center;border:1px dashed #d1cfc6;border-radius:9px;color:#9a9d97;font-size:11px}.collapsed-column{width:40px;height:calc(100dvh - 69px);display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 0;border:1px solid #dedcd4;border-radius:11px;background:#e8e6de9e}.collapsed-column span{writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:700}.collapsed-column small{color:var(--muted);font-variant-numeric:tabular-nums}.sortable-card{touch-action:none}.sortable-card.is-dragging{opacity:.28}.card-button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;border-radius:10px}.job-card{min-height:83px;padding:10px 11px 9px;border:1px solid #deded8;border-radius:10px;background:var(--paper);box-shadow:var(--shadow);transition:border-color .13s ease,box-shadow .13s ease,transform .13s ease}.card-button:hover .job-card{border-color:#bfc8c1;box-shadow:0 2px 3px #2d342f17,0 10px 26px #2d342f12;transform:translateY(-1px)}.job-card h3{margin:0;font-size:13px;line-height:1.33;font-weight:690;letter-spacing:-.012em;overflow-wrap:anywhere}.company{margin:3px 0 0;color:#626963;font-size:11.5px;line-height:1.3}.company.placeholder{color:#93968f;font-style:italic}.task-preview{display:grid;grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:9px;padding-top:7px;border-top:1px solid rgba(220,219,212,.8);color:#606760;font-size:10.5px}.task-preview>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-preview time{font-weight:660;font-variant-numeric:tabular-nums}.task-dot{width:5px;height:5px;border-radius:50%;background:#819187}.due-overdue{background:#fff6f5;border-color:#ead3d0}.due-overdue .task-dot{background:#b8625b}.due-overdue .task-preview time{color:#9a4843}.due-soon{background:#fffbef;border-color:#e9dfbf}.due-soon .task-dot{background:#ac8133}.due-soon .task-preview time{color:#8a6525}.due-later{background:#f8fafb;border-color:#d9e0e3}.drag-overlay{width:284px;transform:rotate(1.3deg);box-shadow:0 13px 35px #25312b2e}.error-banner{position:fixed;top:52px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;max-width:min(520px,calc(100vw - 24px));padding:9px 10px 9px 13px;border:1px solid #e2c4c0;border-radius:9px;background:#fff7f5;color:#7b3935;box-shadow:var(--shadow);font-size:12px;z-index:10}.error-banner button{border:0;background:transparent;color:inherit;font-size:17px}dialog{color:inherit}dialog::backdrop{background:#22282440;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(430px,calc(100vw - 24px));padding:0;border:0;border-radius:13px;background:transparent;box-shadow:0 24px 70px #232c2738}.modal-panel{display:grid;gap:15px;padding:19px;background:#fffefa}.modal-heading{display:flex;justify-content:space-between;align-items:start}.modal-heading h2{margin:2px 0 0;font-size:21px;letter-spacing:-.035em}.eyebrow{margin:0;color:#718078;text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:780}.field{display:grid;gap:5px}.field>span{color:#5e665f;font-size:10.5px;font-weight:680}.field input,.field select,.login-form input,.task-form input,.comment-form textarea{width:100%;border:1px solid #d6d5ce;border-radius:8px;background:#fff;outline:0;transition:border-color .13s ease,box-shadow .13s ease}.field input,.field select,.login-form input{height:36px;padding:0 10px}.field input:focus,.field select:focus,.login-form input:focus,.task-form input:focus,.comment-form textarea:focus{border-color:#88a795;box-shadow:0 0 0 3px #315e4a17}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:0;padding:3px;border:0;border-radius:9px;background:#eceae4}.segmented button{height:29px;border:0;border-radius:7px;background:transparent;color:#687069;font-size:11px;font-weight:650}.segmented button.active{background:#fffefa;color:#2d3a32;box-shadow:0 1px 3px #2a302c1f}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.primary-button,.secondary-button{min-height:34px;padding:0 13px;font-size:11.5px}.primary-button{background:var(--accent);color:#fff}.secondary-button{border:1px solid #d5d4cc;background:#fffefa}.secondary-button:hover{border-color:#b8c0ba;background:#f7f6f1}.form-error{margin:0;color:#a14842;font-size:11.5px}.sheet-dialog{width:520px;max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;background:transparent;box-shadow:-14px 0 52px #232c2724}.sheet{height:100%;display:grid;grid-template-rows:44px minmax(0,1fr);background:#fffefa}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 11px 0 18px;border-bottom:1px solid #e4e2dc}.kind-label{color:#7d837d;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:760}.sheet-scroll{overflow-y:auto;padding:18px 22px 42px}.sheet-loading{padding:24px;color:var(--muted)}.title-input,.company-input{width:100%;padding:0;border:0;outline:0;background:transparent}.title-input{font-size:23px;line-height:1.25;font-weight:720;letter-spacing:-.035em}.company-input{margin-top:5px;color:#687069;font-size:13px}.detail-grid{display:grid;grid-template-columns:180px 1fr;gap:12px;margin-top:20px}.detail-section{margin-top:25px}.detail-section h2{margin:0 0 9px;font-size:11px;font-weight:750;letter-spacing:.01em}.description-display{width:100%;min-height:70px;padding:10px;border:1px solid transparent;border-radius:8px;background:#f5f4ef;text-align:left;white-space:pre-wrap;font-size:12.5px;line-height:1.55}.description-display:hover{border-color:#d8d7cf}.description-display.empty{color:#8d918c}.description-editor{width:100%;min-height:140px;resize:vertical;padding:10px;border:1px solid #aabbb0;border-radius:8px;outline:0;background:#fff;font-size:12.5px;line-height:1.55;box-shadow:0 0 0 3px #315e4a14}.task-list{display:grid;gap:1px;border-top:1px solid #e6e4de}.task-row{display:grid;grid-template-columns:17px 1fr 26px;align-items:start;gap:8px;padding:9px 0;border-bottom:1px solid #e6e4de}.task-row input{margin:2px 0 0;accent-color:var(--accent)}.task-row strong{display:block;font-size:12px;font-weight:600}.task-row time{display:block;margin-top:2px;color:#7a817a;font-size:10px}.task-row.completed strong{color:#979b96;text-decoration:line-through}.task-form{display:grid;grid-template-columns:minmax(0,1fr) 126px auto;gap:7px;margin-top:9px}.task-form input{min-width:0;height:34px;padding:0 9px;font-size:11.5px}.comment-form{display:grid;gap:7px}.comment-form textarea{min-height:66px;resize:vertical;padding:9px;font-size:12px}.comment-form .secondary-button{justify-self:end}.activity-list{display:grid;gap:0;margin:17px 0 0;padding:0;list-style:none}.activity-list li{position:relative;display:grid;grid-template-columns:10px 1fr;gap:9px;min-height:47px}.activity-list li:not(:last-child):before{content:"";position:absolute;left:4px;top:12px;bottom:-2px;width:1px;background:#deddd6}.activity-dot{position:relative;width:9px;height:9px;margin-top:3px;border:2px solid #fffefa;border-radius:50%;background:#92a198;box-shadow:0 0 0 1px #b7c0ba;z-index:1}.activity-dot.event-comment{background:var(--accent)}.activity-list p{margin:0;font-size:11.5px;line-height:1.4}.activity-list time{display:block;margin-top:2px;color:#929690;font-size:9.5px}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f3f1eb}.login-panel{width:min(356px,100%);padding:26px;border:1px solid #dfddd5;border-radius:15px;background:#fffefa;box-shadow:0 18px 56px #2c352f14}.brand-mark{width:37px;height:37px;margin-bottom:27px;border-radius:10px;font-size:18px}.login-panel h1{margin:3px 0 0;font-size:30px;letter-spacing:-.05em}.login-copy{margin:8px 0 20px;color:#6b726c;font-size:13px;line-height:1.5}.login-form{display:grid;gap:8px}.login-form label{color:#5e665f;font-size:10.5px;font-weight:680}.login-form .primary-button{margin-top:4px;height:38px}.login-form .code-input{text-align:center;letter-spacing:.35em;font-size:20px;font-weight:680;font-variant-numeric:tabular-nums}.text-button{justify-self:center;border:0;background:transparent;color:var(--accent);font-size:11px}.login-panel .form-error{margin-top:10px}.skeleton-shell{min-height:100dvh;background:#f3f1eb}.skeleton-shell header{height:44px;border-bottom:1px solid #dedcd4;background:#faf9f5}.skeleton-shell section{display:flex;gap:12px;overflow:hidden;padding:12px}.skeleton-column{width:284px;height:calc(100dvh - 68px);flex:none;padding:12px 8px;border:1px solid #e1dfd7;border-radius:11px;background:#ebe9e2}.skeleton-column i,.skeleton-column b{display:block;border-radius:7px;background:linear-gradient(90deg,#e1dfd8,#f0eee8,#e1dfd8);background-size:220% 100%;animation:shimmer 1.4s ease infinite}.skeleton-column i{width:90px;height:10px;margin:0 4px 17px}.skeleton-column b{height:80px;margin-bottom:8px}@keyframes shimmer{to{background-position:-120% 0}}@media(max-width:640px){.app-title strong{display:none}.search-box{width:min(48vw,220px)}.header-button{width:30px;padding:0;justify-content:center;font-size:0}.board{grid-auto-columns:84vw}.detail-grid{grid-template-columns:1fr}.task-form{grid-template-columns:1fr 126px}.task-form button{grid-column:2}.sheet-dialog{width:100vw}.sheet-scroll{padding:17px 17px 38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}