@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap");:root{--color-bg:#f5f7f4;--color-bg-card:#fff;--color-accent:#0d9488;--color-accent-hover:#0f766e;--color-accent-muted:#ccfbf1;--color-text:#1c1917;--color-text-muted:#57534e;--color-text-subtle:#78716c;--color-border:#e7e5e4;--color-border-focus:#0d9488;--color-error:#b91c1c;--color-error-bg:#fef2f2;--color-success:#166534;--color-success-bg:#f0fdf4;--shadow-sm:0 1px 2px rgba(13,148,136,.06);--shadow-md:0 4px 12px rgba(13,148,136,.08);--radius:12px;--radius-sm:8px}*{box-sizing:border-box}body{margin:0;font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a:hover{opacity:.85}input:focus,select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px rgba(13,148,136,.2)}button:not(:disabled):hover{opacity:.9}.main-page{min-height:100vh;min-height:100dvh;background:linear-gradient(165deg,#f5f7f4,#e8f0e8 50%,#f0f4f0);padding:max(1.5rem,env(safe-area-inset-top)) clamp(1rem,4vw,2rem) 2rem}.logs-cards-mobile,.users-cards-mobile{display:none}@media (max-width:599px){.main-page{padding-left:.75rem!important;padding-right:.75rem!important}.main-page.has-mobile-nav{padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))!important;padding-top:max(.75rem,env(safe-area-inset-top))!important}.main-page:not(.has-mobile-nav){padding:max(1rem,env(safe-area-inset-top)) .75rem 1rem!important}.layout-container section{padding:1.25rem 1rem!important;margin-bottom:1.25rem!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-sm)!important}.layout-container section p{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.5}.layout-container button:not([type=submit]){min-height:48px;min-width:48px;padding:.625rem 1rem}.layout-container [role=combobox],.layout-container input,.layout-container select{font-size:16px!important;padding:.75rem 1rem!important;min-height:48px}.layout-container table{min-width:280px}.layout-container h1{font-size:1.25rem!important;margin-bottom:.5rem!important}.layout-container h2,.layout-container h3{font-size:1.0625rem!important;margin-bottom:.75rem!important}.layout-header{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;margin-bottom:1rem!important;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.layout-header h1{font-size:1.125rem!important;line-height:1.3}.header-actions{display:flex!important;flex-wrap:wrap;gap:.5rem!important;justify-content:flex-start}.header-actions .header-user{font-size:.75rem!important;color:var(--color-text-muted);margin-right:.25rem}.header-actions a:not(.header-link),.header-actions button{padding:.4rem .7rem!important;font-size:.75rem!important;min-height:36px!important;border-radius:6px!important;font-weight:500!important}.header-link{display:inline-flex!important;align-items:center!important;font-size:.75rem!important;padding:.4rem .5rem!important;min-height:36px!important}.mode-tabs{display:flex!important;gap:.5rem!important}.mode-tabs button{flex:1 1;min-width:0;min-height:48px!important;padding:.75rem 1rem!important;font-size:.9375rem!important}.password-row{flex-direction:column!important;gap:.75rem!important}.password-row input{width:100%!important}.password-buttons{display:flex!important;gap:.5rem!important;width:100%}.password-buttons button{flex:1 1;min-height:48px!important;font-size:.9375rem!important}.token-block{padding:1rem 1.25rem!important;flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.token-block>div{padding-right:0}.token-block a{align-self:stretch;text-align:center;padding:.75rem 1rem!important;min-height:48px}.mobile-section{display:none!important}.main-page.mobile-tab-activity .mobile-activity,.main-page.mobile-tab-create .mobile-create,.main-page.mobile-tab-roles .mobile-roles{display:block!important}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-card);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0);z-index:100;box-shadow:0 -2px 12px rgba(0,0,0,.06)}.mobile-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .25rem;background:none;border:none;cursor:pointer;font-size:.75rem;font-weight:500;color:var(--color-text-muted);min-height:56px;transition:color .15s}.mobile-nav-item.active{color:var(--color-accent);font-weight:600}.mobile-nav-item svg{flex-shrink:0;width:26px;height:26px}.activity-search-mobile{display:block;margin-bottom:1rem}.activity-table-desktop{display:none!important}.activity-cards-mobile{display:block}.logs-table-desktop{display:none!important}.logs-cards-mobile{display:block}.users-table-desktop{display:none!important}.users-cards-mobile{display:block}.activity-description{margin-bottom:.75rem!important}.intro-text{font-size:.875rem!important;margin-bottom:1rem!important}.activity-card{padding:1rem 1.25rem!important;border-radius:var(--radius-sm)!important}.activity-search-mobile input{padding:.75rem 1rem!important;min-height:48px;border-radius:var(--radius-sm)}.submit-btn{width:100%!important;min-height:52px!important;padding:.875rem 1.5rem!important;font-size:1rem!important}[role=listbox]{z-index:200!important}.template-rights-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;margin:0 -1rem;padding:0 1rem}.template-rights-table-wrap table{min-width:480px}.template-rights-table-wrap td,.template-rights-table-wrap th{min-width:4rem}.template-rights-table-wrap select{min-width:4rem!important;min-height:40px!important;padding:.5rem!important}.template-rights-table-wrap button{min-height:36px!important;min-width:36px!important;padding:.4rem .5rem!important}.template-presets button{min-height:40px!important;padding:.5rem .75rem!important}.rights-modal-overlay{padding:.5rem!important;align-items:flex-end!important}.rights-modal-content{max-height:85vh!important;border-radius:var(--radius) var(--radius) 0 0!important}.modal-close-btn{min-width:44px!important;min-height:44px!important;padding:.5rem!important}.page-content{padding-left:.5rem!important;padding-right:.5rem!important}.page-content table{display:block}.page-content .table-wrap,.page-content table{overflow-x:auto;-webkit-overflow-scrolling:touch}.page-content .table-wrap{margin:0 -.5rem}.page-content button,.page-content input[type=submit]{min-height:44px;padding:.5rem 1rem!important}.page-content input,.page-content select{font-size:16px!important;min-height:44px;padding:.75rem!important}.page-box{margin:1rem auto!important;padding:max(1rem,env(safe-area-inset-top)) .75rem 0!important}.page-card{margin:0 .75rem!important;max-width:calc(100% - 1.5rem)!important}.page-card,main.page-oauth{padding:1rem .75rem!important}main.page-oauth{margin:1rem auto!important}}@media (min-width:600px){.activity-cards-mobile,.activity-search-mobile,.mobile-bottom-nav{display:none!important}.activity-table-desktop{display:block!important}.logs-cards-mobile{display:none!important}.logs-table-desktop{display:block!important}.users-cards-mobile{display:none!important}.mobile-section,.users-table-desktop{display:block!important}.main-page{padding-bottom:2rem!important}}.layout-container{width:100%;max-width:min(1600px,98vw);margin:0 auto;min-width:0}.layout-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;width:100%;margin-bottom:1.5rem}@media (max-width:599px){.layout-grid{gap:1rem}.layout-roles{order:1}.layout-roles li{flex-wrap:wrap!important}.layout-roles li>span:first-child{min-width:0;flex:1 1 auto}.layout-form{order:2}.layout-activity{order:3}}@media (min-width:600px){.layout-grid{grid-template-columns:minmax(300px,1fr) minmax(420px,1.2fr);grid-template-areas:"roles activity" "form activity";align-items:start}.layout-activity{grid-area:activity;min-width:0}.layout-roles{grid-area:roles}.layout-form{grid-area:form}.layout-activity-table{max-height:min(70vh,600px);overflow:auto}}@media (min-width:1200px){.layout-grid{grid-template-columns:minmax(360px,1fr) minmax(480px,1.3fr)}}