@view-transition{navigation:auto}:root{--highlight: hsl(0 0% 100%)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-rounded-sans),sans-serif;color:var(--neutral-10);background-color:var(--neutral-4);display:flex;flex-direction:column}a{color:inherit;text-decoration:none;transition:color var(--anim-duration-base)}button{font-family:inherit;cursor:pointer;border:none;transition:all var(--anim-duration-base);color:inherit;font-size:var(--size-2);font-weight:700}input{padding:var(--size-1);border-radius:var(--size-1);color:inherit;outline:none;border:var(--border-width-1) solid var(--neutral-3)}.container{background:var(--primary-6);padding:var(--size-3);border-radius:var(--size-1);flex:1}.top-bar-header{display:flex;background-color:var(--neutral-2);padding:var(--size--1)}.authenticated-header{justify-content:space-between;align-items:center}.unauthenticated-header{justify-content:center}.back-button{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--size-1);color:var(--primary-6);min-width:48px}.header-right{display:flex;align-items:center;gap:var(--size-1)}.logo{display:block}.account-logo-header{height:80px;width:auto;object-fit:contain}.spacer{width:48px}#login-page{display:flex;flex-direction:column;align-items:center;flex:1;article{border-radius:var(--border-radius-1);background-color:var(--neutral-3);margin-top:100px;width:280px;box-shadow:0 4px 6px #00000030,0 6px 10px #00000015;header{width:100%;box-shadow:inset 0 1px 2px #ffffff50;text-align:center;background:var(--neutral-1);border-top-left-radius:var(--border-radius-1);border-top-right-radius:var(--border-radius-1);padding:var(--size-1);text-transform:capitalize}section{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--neutral-3);padding:var(--size-8);gap:var(--size-1);width:280px;border-bottom-left-radius:var(--border-radius-1);border-bottom-right-radius:var(--border-radius-1)}}form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-1);label{position:relative;display:block;gap:var(--size-1);color:var(--neutral-6);iconify-icon{position:absolute;top:48%;left:var(--size--1);font-size:var(--size-3);transform:translateY(-50%)}}input{padding-left:var(--size-9);box-shadow:var(--shadow--1)}button{background-color:var(--primary-5);padding:var(--size-1);border-radius:var(--size-1);box-shadow:inset 0 1px 2px #ffffff50,0 4px 6px #00000030,0 6px 10px #00000015}}}#menu{display:flex;justify-content:center;align-items:center}#menu-icon{cursor:pointer;color:var(--primary-6)}.menu{position:fixed;right:0;top:0;width:280px;height:100vh;padding:var(--size-3);border-left:var(--border-width-1) solid var(--neutral-5);background:var(--neutral-2);box-shadow:-4px 0 20px #00000030;transform:translate(100%);transition:transform .3s var(--anim-ease-emphasized);view-transition-name:sidebar;z-index:999;ul,li{list-style-type:none}ul{display:flex;flex-direction:column;gap:var(--size-1)}li{padding:var(--size-1) var(--size-2);border-radius:var(--border-radius-1);transition:background-color .2s ease;cursor:pointer;&:hover{background-color:var(--neutral-3)}a{display:flex;align-items:center;gap:var(--size-1);width:100%;padding:var(--size-1) 0}}}.menu.menu-open{transform:translate(0)}@supports (view-transition-name: none){::view-transition-group(sidebar){animation-duration:.3s;animation-timing-function:ease}}.close-button{cursor:pointer;display:flex;justify-content:flex-end;margin-bottom:var(--size-2);color:var(--neutral-7)}.menu-profile{padding:var(--size-2) 0;margin-bottom:var(--size-2);border-bottom:var(--border-width-1) solid var(--neutral-4)}.menu-profile .profile-link{display:flex;align-items:center;gap:var(--size-2);text-decoration:none;color:inherit;padding:var(--size-1);border-radius:var(--border-radius-1);transition:background-color .2s ease;&:hover{background-color:var(--neutral-3)}}.menu-profile .profile-name{font-weight:600;font-size:var(--font-size-1)}.menu ul li a{text-decoration:none;color:inherit;font-weight:500}.add-project{cursor:pointer;color:var(--primary-6)}.menu-container{display:flex;align-items:center;gap:1rem}.menu-backdrop{position:fixed;left:0;top:0;width:100vw;height:100vh;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:998}.menu-backdrop.menu-backdrop-open{opacity:1;pointer-events:auto}.form-buttons{display:flex;gap:20px;align-items:center;justify-content:center;button{margin:0;width:fit-content}}.page{display:flex;flex-direction:column;align-items:center;flex:1;padding:var(--size-2);gap:var(--size-2)}.list-page{.page-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px;background-color:var(--neutral-3);border-radius:var(--border-radius-1);padding:var(--size-2);box-shadow:0 4px 6px #00000030,0 6px 10px #00000015;h2{margin:0}}.accounts-list{display:flex;flex-direction:column;gap:var(--size-2);width:100%;max-width:500px}.account-card{background-color:var(--neutral-3);border-radius:var(--border-radius-1);box-shadow:0 4px 6px #00000030,0 6px 10px #00000015;overflow:hidden;margin-top:var(--size-2);.card-header{display:flex;justify-content:space-between;align-items:center;background:var(--neutral-1);box-shadow:inset 0 1px 2px #ffffff50;padding:var(--size-1) var(--size-2);.card-title{font-weight:700}.card-actions{display:flex;gap:var(--size-1)}.user-info{display:flex;align-items:center;gap:var(--size-1)}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--neutral-4);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--neutral-7)}.project-info{display:flex;align-items:center;gap:var(--size-1)}}.status-select{padding:var(--size-1);border-radius:var(--border-radius-1);background-color:var(--neutral-2);border:var(--border-width-1) solid var(--neutral-5);font-size:var(--font-size-1);font-family:inherit;color:inherit;cursor:pointer;&:focus{outline:none;border-color:var(--primary-5);box-shadow:0 0 0 2px var(--primary-3)}}.records-list{display:flex;flex-direction:column;gap:var(--size-2)}.record-item{background:var(--neutral-2);border-radius:var(--border-radius-1);padding:var(--size-2);border:var(--border-width-1) solid var(--neutral-4)}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--size-1);padding-bottom:var(--size-1);border-bottom:var(--border-width-1) solid var(--neutral-4)}.record-title{font-weight:600;color:var(--neutral-9)}.record-details{display:flex;flex-direction:column;gap:var(--size--1)}.record-row{display:flex;justify-content:space-between;font-size:var(--font-size-0)}.record-label{color:var(--neutral-6)}.record-total{font-weight:600;padding-top:var(--size--1);border-top:var(--border-width-1) solid var(--neutral-4);margin-top:var(--size--1)}.empty-message{text-align:center;color:var(--neutral-6);padding:var(--size-2);font-style:italic}.card-body{padding:var(--size-2);.card-row{display:flex;justify-content:space-between;padding:var(--size--1) 0;border-bottom:var(--border-width-1) solid var(--neutral-4);&:last-child{border-bottom:none}.card-label{font-weight:700;color:var(--neutral-7)}}}}.icon-button{padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000030;background-color:transparent;&.danger{background-color:var(--named-adobe--1, #dc3545)}&.primary{background-color:var(--primary-5)}&.warning{background-color:var(--named-aws--1)}}}#project-details-page{.account-card{width:100%;max-width:900px}.card-body{display:grid;grid-template-columns:1fr;gap:var(--size-1);@media(min-width:600px){grid-template-columns:repeat(2,1fr)}@media(min-width:900px){grid-template-columns:repeat(3,1fr)}.card-row{flex-direction:column;gap:var(--size--2);padding:var(--size-1);background:var(--neutral-2);border-radius:var(--border-radius-1);border-bottom:none;.card-label{font-size:var(--font-size-0)}}}.records-section{padding:var(--size-2);border-top:var(--border-width-1) solid var(--neutral-4)}.records-list{display:grid;grid-template-columns:1fr;gap:var(--size-2);@media(min-width:600px){grid-template-columns:repeat(2,1fr)}@media(min-width:900px){grid-template-columns:repeat(3,1fr)}}}.empty-message{text-align:center;color:var(--neutral-6);padding:var(--size-2);font-style:italic}.list-page>.page-header{max-width:960px}.section-panel{width:100%;max-width:960px;background-color:var(--neutral-3);border-radius:var(--border-radius-1);border:var(--border-width-1) solid var(--neutral-4);overflow:hidden}.section-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--size-1) var(--size-2);border-bottom:var(--border-width-1) solid var(--neutral-4);background:var(--neutral-2);.panel-title{font-weight:700;font-size:var(--font-size-1)}.panel-actions{display:flex;gap:var(--size-1);align-items:center}.panel-info{display:flex;align-items:center;gap:var(--size-1)}}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-1)}.data-table th{padding:var(--size-1) var(--size-2);text-align:left;font-size:var(--font-size-0);font-weight:700;color:var(--neutral-7);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border-width-1) solid var(--neutral-4);background:var(--neutral-2);white-space:nowrap}.data-table td{padding:var(--size-1) var(--size-2);border-bottom:var(--border-width-1) solid var(--neutral-3);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color .1s ease;&:hover{background-color:var(--neutral-2)}}.data-table th.amount,.data-table td.amount{text-align:right;font-variant-numeric:tabular-nums}.data-table th.actions,.data-table td.actions{text-align:right;white-space:nowrap;width:1%}.data-table td.row-title{font-weight:600}.data-table td.truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:599px){.data-table thead{display:none}.data-table tbody tr{display:block;border-bottom:2px solid var(--neutral-4);&:last-child{border-bottom:none}}.data-table td{display:flex;justify-content:space-between;align-items:center;gap:var(--size-1);padding:var(--size--1) var(--size-2);border-bottom:var(--border-width-1) solid var(--neutral-3);max-width:none;overflow:visible;text-overflow:unset;white-space:normal;&:last-child{border-bottom:none}&:before{content:attr(data-label);font-weight:600;font-size:var(--font-size-0);color:var(--neutral-7);flex-shrink:0}&.row-title{font-weight:700;padding:var(--size-1) var(--size-2);background:var(--neutral-2);border-bottom:var(--border-width-1) solid var(--neutral-4);justify-content:flex-start;&:before{display:none}}&.actions{justify-content:flex-end;padding:var(--size-1) var(--size-2);&:before{display:none}}}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.status-badge{display:inline-flex;align-items:center;padding:2px var(--size-1);border-radius:var(--border-radius-1);font-size:var(--font-size-0);font-weight:600;white-space:nowrap;line-height:1.6}.status-badge.status-not_started{background:var(--neutral-5);color:var(--neutral-5-on)}.status-badge.status-ongoing{background:var(--primary-7);color:var(--primary-7-on)}.status-badge.status-completed{background:var(--named-android--1, #439B3F);color:var(--named-android--1-on, #fff)}.status-badge.status-cancelled{background:var(--named-adobe--1, #E80028);color:var(--named-adobe--1-on, #fff)}.detail-grid{display:grid;grid-template-columns:1fr;gap:var(--size-1);padding:var(--size-2);@media(min-width:600px){grid-template-columns:repeat(2,1fr)}@media(min-width:900px){grid-template-columns:repeat(3,1fr)}}.detail-field{display:flex;flex-direction:column;gap:2px;padding:var(--size-1);background:var(--neutral-2);border-radius:var(--border-radius-1)}.detail-label{font-size:var(--font-size-0);font-weight:600;color:var(--neutral-7);text-transform:uppercase;letter-spacing:.04em}.detail-value{color:var(--neutral-10);font-weight:500}.user-cell{display:flex;align-items:center;gap:var(--size-1);.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--neutral-4);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-0);color:var(--neutral-7);flex-shrink:0}}.form-page{.form-card{width:100%;max-width:500px;background-color:var(--neutral-3);border-radius:var(--border-radius-1);box-shadow:0 4px 6px #00000030,0 6px 10px #00000015;overflow:hidden}.form-card-header{background:var(--neutral-1);box-shadow:inset 0 1px 2px #ffffff50;padding:var(--size-2);h2{margin:0;text-align:center}}.form-card-body{padding:var(--size-3)}.form-subtitle{margin-bottom:var(--size-2);color:var(--neutral-7);font-weight:500}.form-group{margin-bottom:var(--size-2);label{display:block;margin-bottom:var(--size--1);font-weight:600;color:var(--neutral-8)}input,select,textarea{width:100%;padding:var(--size-1);border:var(--border-width-1) solid var(--neutral-5);border-radius:var(--border-radius-1);background-color:var(--neutral-2);color:inherit;font-size:var(--font-size-1);font-family:inherit;&:focus{outline:none;border-color:var(--primary-5);box-shadow:0 0 0 2px var(--primary-3)}}textarea{min-height:80px;resize:vertical}select{cursor:pointer}&.checkbox-group label{display:flex;align-items:center;gap:var(--size-1);font-weight:400;cursor:pointer;input[type=checkbox]{width:auto;cursor:pointer}}}.form-actions{display:flex;justify-content:flex-end;gap:var(--size-2);margin-top:var(--size-3);padding-top:var(--size-2);border-top:var(--border-width-1) solid var(--neutral-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-2)}.success-message{color:var(--named-jade-5, green);margin-bottom:var(--size-2);padding:var(--size-1);background-color:var(--named-jade-1, #d4edda);border-radius:var(--border-radius-1)}.error-message{color:var(--named-adobe-5, red);margin-bottom:var(--size-2);padding:var(--size-1);background-color:var(--named-adobe-1, #f8d7da);border-radius:var(--border-radius-1)}.profile-image-section{margin-bottom:var(--size-3);padding-bottom:var(--size-3);border-bottom:var(--border-width-1) solid var(--neutral-4);h3{margin-bottom:var(--size-2)}}.profile-upload-row{display:flex;align-items:center;gap:var(--size-3)}.profile-image-preview{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--neutral-4);display:flex;align-items:center;justify-content:center;img{width:100%;height:100%;object-fit:cover}span{font-size:2rem;color:var(--neutral-7)}}.account-info-section{h3{margin-bottom:var(--size-2)}}.password-reset-section{margin-top:var(--size-3);padding-top:var(--size-3);border-top:var(--border-width-1) solid var(--neutral-4);h3{margin-bottom:var(--size-1)}p{margin-bottom:var(--size-2);color:var(--neutral-7)}}.icon-button{padding:var(--size-1);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000030;&.primary{background-color:var(--primary-5)}&.secondary{background-color:var(--neutral-5)}}}
/*# sourceMappingURL=common.css.map */