:root{--pati-blue:#1769aa;--pati-green:#218c5a;--pati-orange:#e77918;--pati-bg:#f4f6f8;--pati-ink:#17202a}#pati-app{font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--pati-ink);background:var(--pati-bg);min-height:75vh;padding-bottom:76px;box-sizing:border-box}#pati-app *{box-sizing:border-box}.pati-loading,.pati-narrow{max-width:680px;margin:auto;padding:40px 20px}.pati-head{height:60px;background:#fff;display:flex;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:10}.pati-head b{font-size:25px;color:var(--pati-blue);margin-right:auto}.pati-head button,.pati-toolbar button{padding:7px 11px}.pati-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid #ddd;display:flex;justify-content:center}.pati-nav button{border:0;background:none;min-width:100px;font-size:19px;color:#6b7280}.pati-nav span{display:block;font-size:12px}.pati-nav .active{color:var(--pati-blue);font-weight:700}#pati-main{max-width:1250px;margin:auto;padding:22px}.pati-login{max-width:430px;margin:auto;padding:8vh 20px;text-align:center}.pati-logo{font-size:48px;font-weight:900;color:var(--pati-blue)}.pati-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.pati-role{display:flex;gap:10px;margin:25px 0}.pati-role button{flex:1;padding:14px}.pati-role .active{background:var(--pati-blue);color:white}.pati-card label,.pati-dialog label{display:block;text-align:left;margin:12px 0;font-weight:600}input,select,textarea{display:block;width:100%;padding:10px;border:1px solid #b8c0c8;border-radius:7px;background:#fff;font:inherit}button{border:1px solid #b8c0c8;border-radius:7px;background:#fff;padding:9px 13px;cursor:pointer;font:inherit}button:hover{filter:brightness(.96)}button.primary{background:var(--pati-blue);border-color:var(--pati-blue);color:#fff}button.danger{color:#a51d1d;border-color:#dca8a8}.pati-title,.pati-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:18px}.pati-title h1{margin-right:auto}.pati-toolbar strong{margin-left:10px;margin-right:auto;text-transform:capitalize}.pati-toolbar select{width:auto}.pati-calendar{display:grid;gap:8px}.pati-calendar.week{grid-template-columns:repeat(7,1fr)}.pati-calendar.month{grid-template-columns:repeat(7,1fr)}.pati-calendar.day{grid-template-columns:1fr}.pati-calendar section{background:#fff;border:1px solid #e1e5e9;border-radius:9px;min-height:180px;padding:8px;min-width:0}.pati-calendar.month section{min-height:120px}.pati-calendar h3{font-size:13px;margin:0 0 7px;text-transform:capitalize}.pati-event{display:block;width:100%;text-align:left;font-size:12px;margin:4px 0;padding:6px;border:0;color:#fff;overflow:hidden}.pati-event.oficial{background:var(--pati-blue)}.pati-event.extraescolar{background:var(--pati-green)}.pati-event.particular{background:var(--pati-orange)}.pati-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}.pati-grid h2{font-size:18px}.pati-manage-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:18px}.pati-list{margin-top:12px;background:#fff;border-radius:10px}.pati-list>div{padding:12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.pati-inline{display:flex;gap:10px;align-items:end}.pati-inline>*{flex:1}.pati-modal{position:fixed;inset:0;background:#0008;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px}.pati-dialog{background:#fff;border-radius:13px;padding:25px;max-width:720px;width:100%;max-height:92vh;overflow:auto;position:relative}.pati-x{position:absolute;right:12px;top:12px;border:0;font-size:25px}.pati-students label{font-weight:400}.pati-students input{display:inline;width:auto}.pati-students button{padding:3px 7px;float:right}.pati-toast{position:fixed;right:20px;top:20px;z-index:100000;background:#177245;color:#fff;padding:12px 18px;border-radius:8px;box-shadow:0 4px 18px #0004}.pati-toast.bad{background:#a51d1d}small{display:block;color:#65707b;font-weight:400}@media(max-width:800px){#pati-main{padding:12px}.pati-calendar.week,.pati-calendar.month{grid-template-columns:1fr}.pati-calendar section{min-height:auto}.pati-toolbar{flex-wrap:wrap}.pati-toolbar strong{order:-1;width:100%}.pati-nav button{min-width:70px}.pati-inline{display:block}.pati-head span{display:none}}