:root{--ink:#102d32;--muted:#698084;--teal:#0f897e;--teal2:#16aa9c;--pale:#e7f6f3;--bg:#f5f8f8;--white:#fff;--border:#e0e9e9;--danger:#bc4f48;--amber:#ad6a1c;--shadow:0 18px 50px rgba(12,47,49,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #77d0c5;outline-offset:2px}[hidden]{display:none!important}.container{width:min(1190px,calc(100% - 40px));margin:auto}.site-header{border-bottom:1px solid #ecf1f1;background:#fff;position:relative;z-index:5}.header-inner{height:83px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:21px;letter-spacing:-.7px;font-weight:850;white-space:nowrap}.brand b{color:var(--teal)}.brand-mark{font-size:24px;width:41px;height:41px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--ink);color:white;font-weight:900;letter-spacing:-3px}.brand-mark span{color:#5fe8d2;font-size:19px;margin-left:1px;transform:translateY(-1px)}.header-actions{display:flex;align-items:center;gap:16px}.desktop-link{font-weight:650;color:#536a6f;font-size:14px;margin-right:10px}.desktop-link:hover{color:var(--teal)}.btn{border:1px solid transparent;border-radius:11px;padding:11px 17px;min-height:42px;font-weight:720;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s ease;background:transparent;color:var(--ink)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 8px 18px rgba(15,137,126,.15)}.btn-primary:hover{background:#08786e}.btn-ghost{border-color:#dbe6e4;color:#254246;background:white}.btn-light{background:#f3f7f6;color:#315055;border-color:#dde9e7}.btn-outline{border-color:#b9d2cd;color:#145e58;background:#fff}.btn-lg{padding:15px 20px;border-radius:12px;min-height:52px;font-size:15px}.hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding-top:72px;padding-bottom:94px}.hero-copy{max-width:585px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:850;color:var(--teal);display:inline-flex;align-items:center;gap:9px}.mini-dot{display:inline-block;width:8px;height:8px;background:var(--teal2);border-radius:100%}.hero h1{font-size:clamp(40px,4.6vw,65px);line-height:1.09;letter-spacing:-3.1px;margin:24px 0 21px;font-weight:840}.hero h1 em{font-style:normal;color:var(--teal)}.hero-copy>p{color:#637a7f;line-height:1.8;max-width:535px;font-size:17px}.hero-actions{margin-top:28px;display:flex;gap:11px;flex-wrap:wrap}.hero-notes{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#667e7c}.hero-visual{position:relative;max-width:590px;margin:20px auto;width:100%;padding:18px 0 50px}.hero-visual:before{content:"";position:absolute;background:radial-gradient(circle at 65% 45%,#b9e5dc 0,#ddf2ec 52%,transparent 73%);inset:-70px -50px -20px 10px;z-index:-1}.browser-frame{box-shadow:0 33px 55px rgba(20,68,64,.14);background:#fff;border:1px solid #dfeded;border-radius:16px;overflow:hidden;transform:rotate(-1deg)}.browser-top{height:40px;background:#f0f6f5;border-bottom:1px solid #e2eeee;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:10px;color:#6c8581}.traffic{display:flex;gap:5px}.traffic i{width:8px;height:8px;border-radius:50%;background:#ffb9b0}.traffic i:nth-child(2){background:#f7d781}.traffic i:nth-child(3){background:#97d7bb}.browser-dot{font-size:13px;color:#0c9c90}.mock-app{padding:22px 24px}.mock-bar strong{display:block;font-size:17px}.mock-bar small{display:block;color:#8aa09c;margin-top:4px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.mock-stats div{background:#f3f9f7;border-radius:10px;padding:13px}.mock-stats small{display:block;color:#79918e;font-size:10px}.mock-stats strong{font-size:26px;margin-top:4px;display:block}.mock-row{display:flex;align-items:center;gap:10px;padding:11px 1px;border-top:1px solid #edf3f2;font-size:13px;font-weight:730}.mock-row span:nth-child(2){flex:1}.mock-row small{display:block;color:#98aaa7;margin-top:4px;font-weight:400}.roundic{width:34px;height:34px;background:#e9f5f2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px}.mock-pill{border-radius:7px;padding:5px 8px;font-size:10px;white-space:nowrap}.mock-pill.amber{background:#fff0da;color:#a97222}.mock-pill.blue{background:#e5f3f4;color:#317b82}.mock-foot{display:flex;justify-content:space-between;color:#a7b9b5;font-size:10px;padding-top:13px}.float-note{position:absolute;right:-16px;bottom:10px;background:#fff;border-radius:12px;box-shadow:var(--shadow);border:1px solid #e5eeee;padding:13px 16px;display:flex;align-items:center;gap:11px;transform:rotate(2deg)}.float-note .bell{background:#dcf6eb;border-radius:10px;color:#0b8e78;font-size:27px;width:43px;height:43px;display:grid;place-items:center}.float-note strong{display:block;font-size:12px}.float-note small{display:block;font-size:10px;color:#819b95;margin-top:3px}.benefits{background:#f6f9f8;padding:88px 0 94px}.section-intro{max-width:650px;margin:0 auto 38px;text-align:center}.section-intro h2{font-size:37px;letter-spacing:-1.4px;line-height:1.2;margin:13px 0}.section-intro p{font-size:16px;line-height:1.7;color:#698084}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:white;border:1px solid #e4ebea;border-radius:14px;padding:27px 22px;box-shadow:0 5px 18px rgba(30,70,65,.03)}.feature-icon{display:grid;place-items:center;width:47px;height:47px;background:#e5f7f1;color:#0b8d80;font-size:24px;border-radius:12px}.feature-card h3{font-size:16px;margin:22px 0 9px}.feature-card p{color:#78908e;font-size:13px;line-height:1.7}.audiences{padding-top:85px;padding-bottom:90px}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.audience-card{background:#eff8f5;border:1px solid #e1efea;border-radius:18px;padding:33px;min-height:263px}.audience-card.audience-dark{color:white;background:#123c42;border-color:#123c42}.audience-badge{color:#16877a;font-weight:850;font-size:11px;letter-spacing:1.2px}.audience-dark .audience-badge{color:#68e4d5}.audience-card h3{font-size:28px;letter-spacing:-.5px;margin:12px 0}.audience-card p{color:#637e7b;max-width:435px;line-height:1.7}.audience-dark p{color:#c0d7d7}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.tag-row span{background:#fff;border-radius:7px;padding:7px 11px;font-size:12px;color:#55726d}.audience-dark .tag-row span{background:#235359;color:#cdeee9}.bottom-cta{background:#e6f6f2;text-align:center;padding:76px 0}.bottom-cta h2{font-size:38px;letter-spacing:-1px;margin:0}.bottom-cta p{color:#5b7774;line-height:1.7}.bottom-cta .footnote{font-size:11px;margin-top:22px}.footer{border-top:1px solid #e4eceb;background:#fff;padding:22px 0;color:#849896;font-size:12px}.footer-flex{display:flex;justify-content:space-between;gap:20px}.modal-backdrop{position:fixed;inset:0;background:rgba(10,32,34,.68);z-index:30;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.auth-dialog,.term-dialog{background:#fff;border-radius:20px;position:relative;width:min(440px,100%);padding:31px;box-shadow:0 20px 75px rgba(0,0,0,.2);max-height:calc(100vh - 32px);overflow:auto}.close{background:transparent;border:0;font-size:30px;line-height:1;width:36px;height:36px;color:#6e8585}.auth-dialog>.close{position:absolute;top:15px;right:15px}.auth-head{text-align:center}.auth-head .brand-mark{margin:auto}.auth-head h2{font-size:25px;letter-spacing:-.6px;margin:15px 0 5px}.auth-head p{color:#809491;font-size:13px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef3f2;padding:4px;border-radius:11px;margin:22px 0}.tab{border:0;background:transparent;border-radius:8px;padding:11px;font-weight:750;color:#7c9390}.tab.active{color:#166e66;background:white;box-shadow:0 3px 12px rgba(20,60,58,.07)}.auth-form label,.term-form label{font-weight:700;font-size:12px;margin-top:12px;display:block}.auth-form input,.auth-form select,.term-form input:not([type=checkbox]),.term-form select,.term-form textarea,.table-tools input,.table-tools select{width:100%;border:1px solid #d9e5e3;background:#fff;border-radius:9px;padding:12px 12px;min-height:43px;color:var(--ink);outline:none;font-size:14px}.auth-form input,.auth-form select{margin-top:6px}.auth-form input:focus,.auth-form select:focus,.term-form input:focus,.term-form select:focus,.term-form textarea:focus{border-color:#18a89c;box-shadow:0 0 0 3px rgba(24,168,156,.11)}.auth-submit{width:100%;margin-top:22px}.form-hint{color:#6f8582;font-size:11px;line-height:1.5;margin-top:7px}.form-error{background:#fff0ef;border:1px solid #efcccc;border-radius:8px;color:#ad3535;font-size:12px;padding:10px 12px;line-height:1.4}.panel-page{background:#f6f8f9}.panel-shell{min-height:100vh;display:flex}.sidebar{background:#14353a;color:#c5dcda;width:238px;flex-shrink:0;padding:24px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.light-brand{color:white;font-size:19px;padding-left:5px}.light-brand b{color:#62e0d1}.light-brand .brand-mark{background:#286269}.side-cap{color:#638d8e;font-size:10px;font-weight:850;letter-spacing:1.6px;margin:45px 12px 14px}.side-menu{display:grid;gap:5px}.nav-item{border:none;background:transparent;text-align:left;padding:13px 14px;border-radius:10px;color:#a9c8c6;font-size:13px;font-weight:700;display:flex;align-items:center;gap:12px;width:100%}.nav-item span{font-size:19px;width:22px}.nav-item:hover,.nav-item.active{background:#23565a;color:#f2fffd}.side-bottom{margin-top:auto}.side-version{font-size:10px;color:#5f8788;margin:0 12px 13px}.workspace{flex:1;min-width:0}.panel-header{background:white;border-bottom:1px solid #e9eeee;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px clamp(20px,3.2vw,48px)}.panel-label,.section-kicker{color:#91a3a1;font-size:10px;letter-spacing:1.4px;font-weight:850}.panel-header h1{margin:7px 0 0;font-size:26px;letter-spacing:-.6px}.panel-actions{display:flex;align-items:center;gap:16px}.account-chip{background:#eef6f4;padding:9px 11px;border-radius:7px;color:#47817b;font-size:12px;font-weight:700}.hamburger{border:1px solid #dde8e6;border-radius:8px;padding:8px 11px;background:white;display:none}.panel-content{padding:32px clamp(20px,3.2vw,48px) 45px}.notice{color:#79591f;font-size:12px;line-height:1.6;padding:11px 15px;border:1px solid #f0e2c2;background:#fff9eb;border-radius:9px;margin-bottom:23px}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat{background:white;border:1px solid #e8eeee;border-radius:13px;padding:19px 18px;display:flex;align-items:center;gap:14px}.stat-icon{border-radius:11px;width:45px;height:45px;display:grid;place-items:center;font-size:21px;font-weight:850;flex-shrink:0}.stat-icon.teal{background:#e0f5ef;color:#13857c}.stat-icon.amber{background:#fff1dd;color:#b6752a}.stat-icon.red{background:#ffeded;color:#bd5656}.stat-icon.green{background:#eaf7ec;color:#408d56}.stat p{font-size:11px;color:#899f9d;margin:0 0 5px;line-height:1.5}.stat strong{font-size:27px;line-height:1.1;letter-spacing:-.8px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:17px;margin-top:22px}.panel-card{background:#fff;border:1px solid #e8eeee;border-radius:13px;padding:23px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.card-head h2{font-size:17px;letter-spacing:-.3px;margin:5px 0 0}.table-tools{display:flex;gap:8px}.table-tools input{width:175px;min-height:37px;font-size:12px;padding:8px 10px}.table-tools select{width:155px;min-height:37px;font-size:12px;padding:8px}.terms-list{margin-top:17px}.term-row{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid #edf2f2;padding:16px 0}.term-icon{width:40px;height:40px;border-radius:10px;background:#eaf7f3;display:grid;place-items:center;color:#1e9185;font-size:17px}.term-body{min-width:0}.term-title{font-weight:750;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.term-sub{margin-top:5px;font-size:11px;color:#90a19f}.term-right{display:flex;align-items:center;gap:8px}.term-status{font-size:11px;padding:6px 9px;border-radius:7px;font-weight:760;white-space:nowrap;background:#e8f7f1;color:#23805a}.term-status.soon{background:#fff1df;color:#a9772c}.term-status.late{background:#ffecec;color:#b24747}.term-status.done{background:#ebeff0;color:#798a8a}.term-actions{display:flex;gap:3px}.icon-btn{border:1px solid #e1e9e7;background:white;color:#6b8682;width:29px;height:29px;border-radius:7px;display:grid;place-items:center;font-size:16px}.icon-btn:hover{background:#eef7f5}.empty-state{text-align:center;padding:45px 20px;color:#8ea4a0}.empty-state strong{display:block;color:#486663;font-size:17px;margin-bottom:7px}.empty-icon{font-size:38px;margin-bottom:12px}.right-column{display:grid;gap:15px;align-content:start}.calendar-buttons{display:flex;gap:5px}.calendar-buttons button{border:1px solid #e4edeb;width:28px;height:28px;background:#fff;color:#7e9691;border-radius:7px;font-size:22px;line-height:1}.month-name{text-align:center;font-size:13px;font-weight:790;margin:20px 0 13px;text-transform:capitalize}.cal-week,.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.cal-week{font-size:10px;color:#9fb0ad;margin-bottom:9px}.cal-day{height:32px;border-radius:8px;display:grid;place-items:center;font-size:11px;position:relative;color:#3e5c58}.cal-day.other{color:#cddbd9}.cal-day.today{outline:1.5px solid #1ca999}.cal-day.event{background:#e2f5f0;color:#126f64;font-weight:850}.cal-day.event:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#148c81;bottom:2px}.tips{background:#eff8f4}.tips-icon{font-size:26px;color:#0e998b}.tips h3{margin:13px 0 8px;font-size:15px}.tips p{font-size:12px;line-height:1.7;color:#698681}.tips .btn{width:100%;margin-top:14px;font-size:12px}.term-dialog{width:min(580px,100%);padding:26px 29px}.modal-head{display:flex;align-items:start;justify-content:space-between}.modal-head h2{font-size:23px;margin:5px 0 10px}.term-form label{margin-top:13px;margin-bottom:5px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.term-form textarea{resize:vertical}.checkline{display:flex;flex-wrap:wrap;gap:6px}.checkline label{display:flex;align-items:center;gap:5px;border:1px solid #e2eae9;border-radius:7px;padding:8px 9px;font-size:11px;margin:3px 0;font-weight:600}.checkline input{accent-color:var(--teal)}.modal-actions{display:flex;justify-content:end;gap:9px;margin-top:19px}.toast{position:fixed;bottom:20px;right:20px;background:#183d40;color:white;padding:14px 18px;border-radius:11px;box-shadow:var(--shadow);font-weight:700;font-size:13px;z-index:50;max-width:350px}.loading{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#567873}.loading p{font-size:14px}@media(max-width:1100px){.main-grid{grid-template-columns:minmax(0,1fr) 270px}.stat{padding:14px 12px;gap:10px}.stat-icon{width:37px;height:37px}.table-tools select{width:130px}.table-tools input{width:135px}}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:10px;padding:55px 0 75px}.hero-copy{text-align:center;margin:auto}.hero-copy>p{margin:auto}.hero-actions,.hero-notes{justify-content:center}.hero-visual{max-width:570px}.feature-grid{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.sidebar{width:210px}.stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.container{width:min(100% - 30px,1190px)}.header-inner{height:72px}.brand{font-size:17px}.brand-mark{width:35px;height:35px}.desktop-link,.header-actions .btn-ghost{display:none}.header-actions{gap:6px}.header-actions .btn-primary{font-size:12px;padding:9px 10px}.hero{padding-top:48px}.hero h1{letter-spacing:-2px;font-size:40px}.hero-copy>p{font-size:15px}.hero-actions .btn{width:100%}.hero-notes{font-size:11px;gap:9px}.hero-visual{margin-top:25px;padding-bottom:42px}.mock-app{padding:12px}.mock-stats div{padding:9px}.mock-row{font-size:11px}.float-note{right:0}.benefits,.audiences{padding:60px 0}.section-intro h2,.bottom-cta h2{font-size:29px}.section-intro p{font-size:14px}.feature-grid,.audience-grid{grid-template-columns:1fr}.feature-card{padding:22px}.footer-flex{justify-content:center;flex-wrap:wrap}.sidebar{position:fixed;z-index:20;transform:translateX(-110%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 35px #0003}.hamburger{display:inline-flex}.panel-header{padding:17px;gap:10px}.panel-header h1{font-size:19px}.panel-label{font-size:9px}.panel-actions .account-chip{display:none}.panel-actions .btn{font-size:11px;padding:9px 11px}.panel-content{padding:16px}.stats-row{gap:9px}.stat{padding:12px 9px}.stat p{font-size:10px}.stat strong{font-size:24px}.stat-icon{width:34px;height:34px}.panel-card{padding:16px}.card-head{align-items:start;flex-direction:column}.table-tools{width:100%}.table-tools input{flex:1;min-width:0;width:auto}.table-tools select{width:132px}.right-column{grid-template-columns:1fr}.term-row{grid-template-columns:34px minmax(0,1fr);gap:8px}.term-icon{width:33px;height:33px}.term-right{grid-column:2;justify-content:space-between}.term-actions{margin-left:auto}.term-title{font-size:12px}.term-dialog,.auth-dialog{padding:22px 18px}.form-two{grid-template-columns:1fr}.mock-pill{padding:4px 5px}.bottom-cta{padding:55px 0}}
/* Utrzymuj poziomy układ bez przewijania na wąskich ekranach. */
.landing{overflow-x:clip}

/* TERMINY 360 v0.2: nowa grafika strony glownej, bez zmian logiki panelu i logowania. */
.hero{grid-template-columns:minmax(0,0.98fr) minmax(0,1.12fr);gap:15px;max-width:1330px;padding-top:78px;padding-bottom:92px;min-height:670px}
.hero-copy{position:relative;z-index:2}
.hero-visual{position:relative;max-width:none;margin:0 -35px 0 -20px;padding:0;width:auto;display:flex;align-items:center;justify-content:center}
.hero-visual:before{content:"";position:absolute;inset:8% 3% 5% 6%;background:radial-gradient(ellipse,#ccf4ed 0%,rgba(229,249,243,.45) 44%,rgba(255,255,255,0) 73%);z-index:-1;pointer-events:none}
.hero-visual picture{display:block;width:100%}
.hero-art{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(17,78,76,.08));border-radius:20px;transition:transform .35s ease}
@media(hover:hover){.hero-art:hover{transform:translateY(-5px)}}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;gap:10px;padding-top:55px;min-height:unset}.hero-visual{margin:0 -15px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:24px;padding-top:48px;padding-bottom:66px}.hero-visual{max-width:700px;width:100%;margin:0 auto}.hero-copy{max-width:660px}}
@media(max-width:680px){.hero{padding-top:44px;padding-bottom:50px;gap:20px}.hero-visual{width:calc(100% + 18px);margin:0 -9px}.hero-art{border-radius:14px}.hero h1{font-size:clamp(36px,10vw,45px)}}
@media(prefers-reduced-motion:reduce){.hero-art{transition:none}.hero-art:hover{transform:none}}