*{margin:0;padding:0;box-sizing:border-box}:root{--gray-light: #f5f5f5;--gray-medium: #cccccc;--gray-dark: #666666;--gray-darker: #333333;--white: #ffffff;--green: #4caf50;--blue: #2196F3;--red: #f44336}body{font-family:Arial,sans-serif;font-size:14px;color:var(--gray-darker);background-color:var(--white);line-height:1.5}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;padding:6px;border:1px solid var(--gray-medium);background-color:var(--white);font-family:Arial,sans-serif;font-size:12px;color:var(--gray-darker);border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,select:focus,textarea:focus{outline:none;border:1px solid var(--gray-dark)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);cursor:pointer;border-radius:0}input[type=text][maxlength="6"][pattern]{text-align:center;font-size:18px;letter-spacing:5px;font-weight:400}button{padding:4px 8px;border:1px solid var(--gray-dark);background-color:var(--gray-light);color:var(--gray-darker);font-family:Arial,sans-serif;font-size:12px;cursor:pointer;border-radius:0;min-width:auto;text-align:center}button:hover{background-color:var(--gray-medium);border:1px solid var(--gray-dark)}button:active{background-color:var(--gray-dark);color:var(--white);border:1px solid var(--gray-dark)}button.primary{background-color:var(--gray-darker);color:var(--white);border:1px solid var(--gray-darker)}button.primary:hover{background-color:var(--gray-dark);border:1px solid var(--gray-dark)}.container{max-width:1200px;margin:0 auto;padding:20px;display:grid;grid-template-columns:1fr;gap:20px}.auth-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background-color:var(--gray-light)}.auth-left{display:grid;place-items:center;background-color:var(--white);padding:40px;border-right:1px solid var(--gray-medium)}.auth-right{display:grid;place-items:center;padding:40px}.auth-form{width:100%;max-width:400px}.auth-form h2{font-size:24px;font-weight:400;margin-bottom:30px;color:var(--gray-darker)}.form-group{margin-bottom:6px}.form-group label{display:block;margin-bottom:2px;color:var(--gray-darker);font-size:12px}.form-actions{margin-top:8px}.form-actions button{width:auto;padding:4px 8px}.form-switch{margin-top:20px;text-align:center;color:var(--gray-dark)}.form-switch button{background:none;border:1px solid transparent;color:var(--gray-darker);text-decoration:underline;padding:2px 4px;cursor:pointer;min-width:auto}.form-switch button:hover{background:var(--gray-light);border:1px solid var(--gray-medium);color:var(--gray-dark)}.error-message{color:var(--gray-dark);font-size:12px;margin-top:5px}.logo-container{max-width:300px}.logo-container img{width:100%;height:auto}.sidebar{width:200px;background-color:var(--gray-light);border-right:1px solid var(--gray-medium);min-height:100vh;padding:10px 0}.sidebar-header{padding:0 15px 10px;border-bottom:1px solid var(--gray-medium);margin-bottom:10px}.sidebar-header h1{font-size:16px;font-weight:400;color:var(--gray-darker)}.sidebar-menu{list-style:none}.sidebar-menu li{border-bottom:1px solid var(--gray-medium)}.sidebar-menu a{display:block;padding:10px 15px;color:var(--gray-darker);text-decoration:none;font-size:14px}.sidebar-menu a:hover,.sidebar-menu a.active{background-color:var(--gray-medium)}.main-layout-topnav{display:grid;grid-template-rows:auto auto 1fr;min-height:100vh}.top-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--gray-light);border-bottom:1px solid var(--gray-medium)}.top-header-left h1{font-size:16px;font-weight:400;color:var(--gray-darker);margin:0}.top-header-right{display:flex;align-items:center}.top-header-right button{padding:4px 8px;background-color:var(--gray-light);border:1px solid var(--gray-dark);color:var(--gray-darker);cursor:pointer;font-size:12px}.top-header-right button:hover{background-color:var(--gray-medium)}.top-tabs{display:flex;background-color:var(--white);border-bottom:1px solid var(--gray-medium);padding:0 15px}.top-tabs .tab{display:block;padding:10px 15px;color:var(--gray-darker);text-decoration:none;border-bottom:2px solid transparent;font-size:14px;cursor:pointer}.top-tabs .tab:hover{background-color:var(--gray-light)}.top-tabs .tab.active{border-bottom-color:var(--gray-darker);background-color:var(--gray-light)}.main-content-topnav{padding:15px;background-color:var(--white);display:flex;flex-direction:column;gap:15px;overflow:hidden;min-height:0}.main-content-topnav h2{font-size:16px;font-weight:400;margin-bottom:10px;color:var(--gray-darker)}.main-layout{display:grid;grid-template-columns:200px 1fr;min-height:100vh}.main-content{padding:15px;background-color:var(--white);display:grid;grid-template-columns:1fr;gap:15px}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px}.franchise-main-content-topnav{padding:15px;background-color:var(--white);overflow-y:auto}.franchise-main-content{padding:15px;background-color:var(--white)}.franchise-layout{display:grid;grid-template-columns:400px 1fr;gap:10px;align-items:start}.right-panel{display:grid;grid-template-rows:auto 1fr;gap:15px;max-height:calc(100vh - 50px)}.saved-plans-container{background-color:var(--white);padding:15px;border:1px solid var(--gray-medium)}.saved-plans-container h2{font-size:16px;font-weight:400;margin-bottom:10px;color:var(--gray-darker)}#saved-plans-list{display:grid;gap:8px;max-height:400px;overflow-y:auto}.saved-plan-item{border:1px solid var(--gray-medium);padding:8px;margin-bottom:8px;cursor:pointer;background-color:var(--white)}.saved-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.saved-plan-item:hover{background-color:var(--gray-light)}.saved-plan-item.active{background-color:var(--gray-medium);border-color:var(--gray-dark)}.saved-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--gray-medium)}.saved-plan-header strong{font-size:14px;color:var(--gray-darker)}.delete-plan-btn{padding:5px 10px;background-color:var(--gray-light);border:1px solid var(--gray-dark);color:var(--gray-darker);cursor:pointer;font-size:12px}.delete-plan-btn:hover{background-color:var(--gray-medium)}.saved-plan-details{font-size:12px;color:var(--gray-dark)}.saved-plan-details p{margin:3px 0}.empty-state{color:var(--gray-dark);font-size:13px;padding:10px;text-align:center}.franchise-form-container{background-color:var(--white);padding:10px;max-width:400px;overflow-x:hidden}.franchise-form-container h2{font-size:14px;font-weight:400;margin-bottom:8px;color:var(--gray-darker)}.franchise-form-container .form-group{margin-bottom:6px}.franchise-form-container .form-group label{margin-bottom:2px;font-size:12px}.franchise-form-container input,.franchise-form-container textarea,.franchise-form-container select{padding:6px;font-size:12px}.franchise-form-container .form-actions{margin-top:6px;gap:6px}.franchise-form-container .form-actions button{padding:4px 8px;font-size:12px}.field-description{display:none}.dynamic-item{display:flex;gap:6px;margin-bottom:4px;align-items:flex-start}.dynamic-item input{flex:1}.price-range-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;flex:1}.country-fields{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:4px;flex:1}.remove-btn{padding:6px 10px;background-color:var(--gray-light);border:1px solid var(--gray-dark);color:var(--gray-darker);cursor:pointer;white-space:nowrap;font-size:11px}.remove-btn:hover{background-color:var(--gray-medium)}.add-item-btn{padding:6px 12px;background-color:var(--gray-light);border:1px solid var(--gray-dark);color:var(--gray-darker);cursor:pointer;margin-top:4px;font-size:12px}.add-item-btn:hover{background-color:var(--gray-medium)}.applications-container{background-color:var(--white);padding:15px;border:1px solid var(--gray-medium);overflow-y:auto}.applications-container h2{font-size:16px;font-weight:400;margin-bottom:10px;color:var(--gray-darker)}#applications-list{display:grid;gap:8px}.application-item{background-color:var(--white);border:1px solid var(--gray-medium);padding:10px}.application-item.application-approved{border:2px solid #4CAF50;background-color:#f1f8f4}.application-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--gray-medium)}.status-badge{padding:5px 10px;font-size:12px;border:1px solid var(--gray-dark);background-color:var(--gray-light);color:var(--gray-darker)}.status-badge.status-pending{background-color:var(--gray-light)}.status-badge.status-approved{background-color:#4caf50;color:#fff;border-color:#4caf50}.status-badge.status-rejected{background-color:var(--gray-light)}.approval-message{margin-top:8px;padding:8px;background-color:#e8f5e9;border-left:3px solid #4CAF50;color:var(--gray-darker);font-size:13px}.application-details p{margin:3px 0;font-size:13px;color:var(--gray-darker)}.subscriptions-list{display:grid;gap:8px}.subscription-item{background-color:var(--white);border:1px solid var(--gray-medium);padding:10px}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--gray-medium)}.subscription-details p{margin:3px 0;font-size:13px;color:var(--gray-darker)}.subscription-actions{margin-top:8px;display:flex;gap:8px}.subscription-actions button{padding:5px 12px;font-size:12px;border:1px solid var(--gray-dark);background-color:var(--white);color:var(--gray-darker);cursor:pointer}.subscription-actions button:hover{background-color:var(--gray-light)}.subscription-actions .delete-btn{color:var(--gray-darker)}.subscription-actions .delete-btn:hover{background-color:#f5f5f5}.application-details strong{color:var(--gray-darker)}.application-actions{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--gray-medium)}.accept-btn,.reject-btn{padding:6px 12px;font-size:12px;border:1px solid var(--gray-dark);background-color:var(--white);color:var(--gray-darker);cursor:pointer}.accept-btn:hover,.reject-btn:hover{background-color:var(--gray-light)}.franchiser-applications-layout{display:grid;grid-template-columns:400px 1fr;gap:10px;align-items:start}.new-application-section,.my-applications-section{background-color:var(--white);padding:10px}.new-application-section{max-width:400px;overflow-x:hidden}.my-applications-section{border:1px solid var(--gray-medium)}.new-application-section h2,.my-applications-section h2{font-size:14px;font-weight:400;margin-bottom:8px;color:var(--gray-darker)}#my-applications-list{max-height:calc(100vh - 250px);overflow-y:auto}.my-applications-list{display:grid;gap:8px}.plans-list{display:grid;gap:10px;margin-top:10px}.plan-card{border:1px solid var(--gray-medium);padding:12px;cursor:pointer;background-color:var(--white)}.plan-card:hover{background-color:var(--gray-light)}.plan-card h3{font-size:16px;font-weight:400;margin-bottom:6px;color:var(--gray-darker)}.plan-card p{margin-bottom:6px;font-size:13px;color:var(--gray-darker)}.plan-benefits{margin-top:4px}.plan-benefits ul{margin:2px 0;padding-left:16px}.plan-benefits li{margin:1px 0;font-size:11px;color:var(--gray-darker)}.plan-prices{margin-top:4px}.plan-prices ul{margin:2px 0;padding-left:16px}.plan-prices li{margin:1px 0;font-size:11px;color:var(--gray-darker)}.application-form-section{margin-top:6px}.plan-summary{border:1px solid var(--gray-medium);padding:8px;margin-bottom:8px;background-color:var(--gray-light)}.plan-summary h3{font-size:13px;font-weight:400;margin-bottom:4px;color:var(--gray-darker)}.plan-summary p{margin:2px 0;font-size:11px;color:var(--gray-darker)}.calculation-result{border:1px solid var(--gray-medium);padding:6px;background-color:var(--gray-light);margin-top:3px}.calculation-details p{margin:2px 0;font-size:11px;color:var(--gray-darker)}.final-price{margin-top:4px;padding-top:4px;border-top:1px solid var(--gray-medium);font-size:12px}.application-notice{border:1px solid var(--gray-medium);padding:6px;background-color:var(--gray-light);margin:6px 0}.application-notice p{margin:2px 0;color:var(--gray-darker);font-size:11px}select{width:100%;padding:6px;border:1px solid var(--gray-medium);background-color:var(--white);font-family:Arial,sans-serif;font-size:12px;color:var(--gray-darker);border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}select:focus{outline:none;border:1px solid var(--gray-dark)}input[type=file]{padding:5px;border:1px solid var(--gray-medium);background-color:var(--white);font-family:Arial,sans-serif;font-size:14px;cursor:pointer}textarea{width:100%;padding:6px;border:1px solid var(--gray-medium);background-color:var(--white);font-family:Arial,sans-serif;font-size:12px;color:var(--gray-darker);border-radius:0;resize:vertical}textarea:focus{outline:none;border:1px solid var(--gray-dark)}.hidden{display:none}.text-center{text-align:center}form{display:grid;gap:10px}.form-actions{display:flex;gap:8px;justify-content:flex-start;margin-top:10px}.form-actions button{width:auto}.stores-list{display:grid;gap:10px}.store-item{background-color:var(--white);border:1px solid var(--gray-medium);padding:12px}.store-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--gray-medium)}.manager-count{font-size:12px;color:var(--gray-dark)}.store-details p{margin:3px 0;font-size:13px;color:var(--gray-darker)}.store-details{margin-bottom:10px}.store-actions{margin-bottom:12px}.assign-manager-form{margin-top:8px}.assign-manager-form form{display:flex;gap:8px;align-items:center}.assign-manager-form input{width:100%;padding:6px;font-size:12px;border:1px solid var(--gray-medium);font-family:Arial,sans-serif}.add-icon-btn{background:none;border:1px solid var(--gray-medium);padding:4px 8px;font-size:16px;cursor:pointer;color:var(--gray-darker);font-family:Arial,sans-serif}.add-icon-btn:hover{background-color:var(--gray-light)}.store-sections-grid{display:grid;grid-template-columns:.8fr 1fr 1.5fr 1fr;gap:8px;margin-top:10px}.store-section-item{background-color:var(--gray-light);border:1px solid var(--gray-medium);padding:8px;min-height:200px;min-width:0}.store-section-item h3{margin:0 0 8px;font-weight:400}.managers-list-content,.cameras-list-content,.assets-content{min-height:150px;max-height:300px;overflow-y:auto}.managers-list-content p,.cameras-list-content p,.assets-content p{margin:0}.pnl-table{border-collapse:collapse;width:100%;font-size:11px}.pnl-table th,.pnl-table td{border:1px solid var(--gray-medium);padding:2px;background-color:var(--white)}.pnl-table th{background-color:var(--gray-light);font-weight:400;text-align:center;position:sticky;top:0;z-index:10}.pnl-table td:first-child{position:sticky;left:0;z-index:5;background-color:var(--white);text-align:left}.pnl-table th:first-child{position:sticky;left:0;z-index:15;background-color:var(--gray-light)}.pnl-table input[type=text],.pnl-table input[type=number],.pnl-table [contenteditable=true]{width:100%;padding:4px;border:none;background-color:transparent;font-size:11px;font-family:Arial,sans-serif;margin:0;-moz-appearance:textfield}.pnl-table input[type=number]::-webkit-inner-spin-button,.pnl-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pnl-table input[type=text]:focus,.pnl-table input[type=number]:focus,.pnl-table [contenteditable=true]:focus{outline:2px solid var(--gray-dark);outline-offset:-2px;background-color:var(--white)}.pnl-table input[type=text]:hover,.pnl-table input[type=number]:hover,.pnl-table [contenteditable=true]:hover{background-color:var(--gray-light)}.pnl-table [contenteditable=true]{display:block;min-height:auto;max-height:20px;line-height:1.2;white-space:nowrap;overflow:hidden;word-wrap:normal}.pnl-table td{padding:0!important}.pnl-table th{padding:6px!important}.pnl-section{overflow-x:auto}.pnl-table tr:hover .row-action-buttons,.pnl-table td:hover .row-action-buttons{display:flex!important}.add-row-btn:hover,.remove-row-btn:hover{background-color:var(--gray-light)!important}